PDA

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



CarpFisher
Oct 12, 2012, 11:43 AM
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?

Daniil
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.
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.statusbar.StatusBar-cfg-iconCls
http://examples2.ext.net/#/Toolbar/StatusBar/Overview/

CarpFisher
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?

CarpFisher
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:



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

Daniil
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.

geoffrey.mcgill
Feb 06, 2015, 12:03 PM
Related discussion:

http://forums.ext.net/showthread.php?53421-StatusBar-Text