codeb Posted January 3, 2014 Share Posted January 3, 2014 Hi! Is there some solution to put progress indicator in UniDBGrid. I have one"percent" field (10%,20%,30%....100%) and I try to show visualy percents in UniDBGrid with progress indicator. Any solution for that? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 4, 2014 Share Posted January 4, 2014 Hi codeb! Try this: UniDBGrid1 -> ClientEvents -> ExtEvents add reconfigure function reconfigure(sender, store, columns, oldStore, the, eOpts) { // columns[your_column_index] columns[0].width = 110; columns[0].renderer = function (v, m, r) { var id = Ext.id();Ext.defer(function () {Ext.widget('progressbar', { renderTo: id, value: v / 100, width: 100 });}, 50);return Ext.String.format('<div id="{0}"></div>', id);}; } http://ext4all.com/post/progress-bar-inside-a-grid-cell Sincerely. Quote Link to comment Share on other sites More sharing options...
Jean-Marc Kiener Posted February 19, 2014 Share Posted February 19, 2014 Works perfect for me, thanks Quote Link to comment Share on other sites More sharing options...
Jean-Marc Kiener Posted July 25, 2014 Share Posted July 25, 2014 Is there a possibelity to change the color of the progressbar? I want to change the bar from gray to blue. Quote Link to comment Share on other sites More sharing options...
Beginner Posted May 6, 2016 Share Posted May 6, 2016 Delphi Developer How show like Excel? Data Bar Quote Link to comment Share on other sites More sharing options...
ataryono Posted April 11, 2017 Share Posted April 11, 2017 Work for me, how to insert text 50% inside progress bar, tx Quote Link to comment Share on other sites More sharing options...
Kattes Posted January 28, 2020 Share Posted January 28, 2020 Sorry, but this trick is not working anymore (at least for me using uniGUI_1.90.0.1514). First you will think that everything is OK, but under real "usage" conditions it will make everything unstable. So DON'T USE THIS ! Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 28, 2020 Share Posted January 28, 2020 21 minutes ago, Kattes said: Sorry, but this trick is not working anymore (at least for me using uniGUI_1.90.0.1514). Well, 6 years..! There have been many changes on both the ExtJS side and the UniGUI side. Now use WidgetColumn: \FMSoft\Framework\uniGUI\Demos\Desktop\Grid - WidgetColumn2 1 Quote Link to comment Share on other sites More sharing options...
Kattes Posted January 31, 2020 Share Posted January 31, 2020 OK, I got it working, but the example (\FMSoft\Framework\uniGUI\Demos\Desktop\Grid - WidgetColumn2) is not really self explaining. The screen shot below is using ProgressWidget (column Progr) and some HTML hard coded solution from me (column Progress). Question: Is there a way to center the widget vertically? I tried it using margins, but that does not seem to work. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 31, 2020 Share Posted January 31, 2020 13 minutes ago, Kattes said: and some HTML hard coded solution from me (column Progress). Well, we don’t know how you did it... Quote Link to comment Share on other sites More sharing options...
Kattes Posted January 31, 2020 Share Posted January 31, 2020 Actually my approach is not relevant here, but I can of course tell you how I did it: I simply created in my MySQL DB a table view, which contained a field: Concat('<progress max="100" value="',Progr,'">',Progr,'%</progress>') as progress This made the trick for me. But I am more interested in the widget approach, because it is using pre-defined themes and will look for browsers equal. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 31, 2020 Share Posted January 31, 2020 4 hours ago, Kattes said: Question: Is there a way to center the widget vertically? Well then, what do you mean? Quote Link to comment Share on other sites More sharing options...
Kattes Posted January 31, 2020 Share Posted January 31, 2020 Sorry, I mean that the widget is currently located at the top of the grid cell, but I want to have it vertically centered. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 31, 2020 Share Posted January 31, 2020 Ok, I will check. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 31, 2020 Share Posted January 31, 2020 1 hour ago, Kattes said: Sorry, I mean that the widget is currently located at the top of the grid cell, but I want to have it vertically centered. You can try to use this approach: 1 Quote Link to comment Share on other sites More sharing options...
Kattes Posted February 1, 2020 Share Posted February 1, 2020 Thanks Sherzod, your CSS trick also made sure that the widget fills the height of the grid cell better in addition to the vertical centering. Quote Link to comment Share on other sites More sharing options...
Kattes Posted February 1, 2020 Share Posted February 1, 2020 Just another little cosmetic question. As you can see in the title of the grid, the "g" of the word "progress" is cut off. Can this be cured by a simple CSS statement, too? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 1, 2020 Share Posted February 1, 2020 I will check. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 4, 2020 Share Posted February 4, 2020 On 2/1/2020 at 1:37 PM, Kattes said: Just another little cosmetic question. As you can see in the title of the grid, the "g" of the word "progress" is cut off. Can this be cured by a simple CSS statement, too? Hi, You can try this CustomCSS: .x-column-header-inner { padding: 5px 10px; line-height: normal; } 1 Quote Link to comment Share on other sites More sharing options...
Kattes Posted February 4, 2020 Share Posted February 4, 2020 BIngo ! 100 Points go to Sherzod ! This is perfect ! Thank you, again! 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.