Results 1 to 4 of 4

Thread: Override RenderTpl used in ProgressbarWidget

  1. #1
    Sencha Premium Member
    Join Date
    Apr 2014
    Posts
    13
    Answers
    1

    Default Answered: Override RenderTpl used in ProgressbarWidget

    This should be simple, but here's what I need to do. I have a grid with a widgetcolumn, which uses the progressbarwidget. Our UX guy has the bright idea that the progress text (i.e., 20% complete) should appear AFTER the progress bar itself - not inside.

    I tried to modify the rendering of the component via CSS, attempting to get the text divs to float outside the parent and to the right. But, it either can't be done or I just am not that proficient at CSS to make it happen.

    So, then I looked at overriding the ProgressBar renderTpl, which is required by ProgressBarWidget. Short of creating my own custom ProgressBar which would be extended by my own custom ProgressBarWidget, I'm not sure of the best way to accomplish this. But, this seems pretty heavy weight solution to accomplish what should be a simple thing.

    Any help/ideas appreciated.

    Thanks,

    Ron

  2. I ended up extending Ext.Widget and creating my own TrailingTextProgressBarWidget, which I can use in a widget column. It works great, but a little more work than I anticipated. Thanks for looking into this. Maybe you guys can put on your extensive "todo" list being able to specify top, right, bottom, left for the progress text, much like you do for Labelable components with the labelAlign property.

  3. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I couldn't get the text to shift outside the progress bar. I suspect there isn't an easy solution for this. Did you end up overriding ProgressBar renderTpl?

  4. #3
    Sencha Premium Member
    Join Date
    Apr 2014
    Posts
    13
    Answers
    1

    Default

    I ended up extending Ext.Widget and creating my own TrailingTextProgressBarWidget, which I can use in a widget column. It works great, but a little more work than I anticipated. Thanks for looking into this. Maybe you guys can put on your extensive "todo" list being able to specify top, right, bottom, left for the progress text, much like you do for Labelable components with the labelAlign property.

  5. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Glad to hear you found a solution. Regarding the text location, our Feature Requests forum is a great place to post requests for desired functionality.
    https://www.sencha.com/forum/forumdi...ature-Requests

Similar Threads

  1. Replies: 3
    Last Post: 24 Sep 2015, 5:53 AM
  2. Bug with ProgressBarWidget in Treepanel
    By michi-- in forum Ext 5: Bugs
    Replies: 1
    Last Post: 25 Mar 2015, 6:01 AM
  3. [FIXED] Grid - progressbarwidget focus bug
    By Lukappa in forum Ext 5: Bugs
    Replies: 1
    Last Post: 25 Mar 2015, 5:02 AM
  4. Replies: 3
    Last Post: 6 May 2013, 8:06 PM
  5. Replies: 3
    Last Post: 1 May 2013, 1:53 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •