[CLOSED] BottomBar-StatusBar Icon and Text not arranged properly

  1. #1

    [CLOSED] BottomBar-StatusBar Icon and Text not arranged properly

    I have aStatusBar inside a BottomBar of a panel defined like this:
      <BottomBar>
                            <ext:StatusBar ID="ExtInvBottomBar" runat="server" Text="Liquidated Value: " Icon="Information"></ext:StatusBar>
                        </BottomBar>
    The Icon and Text overlapped each other....I think this is not the desired effect, isn't it?
    Last edited by Daniil; Oct 18, 2012 at 1:12 PM. Reason: [CLOSED]
  2. #2
    Hi CarpFisher,

    An icon should be aligned manually via CSS as it is done in ExtJS and Ext.NET examples.
    http://docs.sencha.com/ext-js/4-1/#!...ar-cfg-iconCls
    https://examples2.ext.net/#/Toolbar/StatusBar/Overview/
  3. #3
    Thank you very much for that. However one would think that it behaves like other controls that the ICONs are arranged properly themselves without extra care/coding. I am happy to put extra code, but for the ease of using the library ExtJs should implement the arrangement of Icon, right?
  4. #4
    I've find another quick solution for this. If you call the showBusy() on the client side before you set the text, it will set the correct CSS for the ICON and text, and they will be aligned correctly. E.g. for changing a selection in a grid:

    <Listeners>
        <BeforeSelect Handler="#{STATUSBAR_ID}.showBusy();"></BeforeSelect>
    </Listeners>
    Last edited by geoffrey.mcgill; Feb 06, 2015 at 12:03 PM.
  5. #5
    Maybe, you are right. It would simplify usage.

    Though, actually, they implemented auto-alignment in the showBusy method that you used.
  6. #6
    Geoffrey McGill
    Founder

Similar Threads

  1. Replies: 7
    Last Post: May 22, 2015, 8:03 AM
  2. Replies: 4
    Last Post: Nov 09, 2011, 4:58 AM
  3. Replies: 0
    Last Post: Jun 17, 2009, 6:36 PM
  4. [CLOSED] Multiline Text Problem in StatusBar
    By thedarklord in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 23, 2009, 4:13 PM
  5. [CLOSED] Change color of text in <ext:StatusBar
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Nov 28, 2008, 7:16 AM

Tags for this Thread

Posting Permissions