View Full Version : [CLOSED] BottomBar-StatusBar Icon and Text not arranged properly

Oct 12, 2012, 11:43 AM
I have aStatusBar inside a BottomBar of a panel defined like this:

<ext:StatusBar ID="ExtInvBottomBar" runat="server" Text="Liquidated Value: " Icon="Information"></ext:StatusBar>

The Icon and Text overlapped each other....I think this is not the desired effect, isn't it?

Oct 12, 2012, 5:08 PM
Hi CarpFisher,

An icon should be aligned manually via CSS as it is done in ExtJS and Ext.NET examples.

Oct 15, 2012, 8:17 AM
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?

Oct 15, 2012, 8:48 AM
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:

<BeforeSelect Handler="#{STATUSBAR_ID}.showBusy();"></BeforeSelect>

Oct 15, 2012, 8:49 AM
Maybe, you are right. It would simplify usage.

Though, actually, they implemented auto-alignment in the showBusy method that you used.

Feb 06, 2015, 12:03 PM
Related discussion: