toolbar align right

Posted in xn--kfs74mzzid01b.com edit by mike on January 8th, 2009

Align toolbar element�s to right: Is this feature in beta2 or incoming 1.0. Thanks in advance.

thanks for your reply KimH.

But, is this feature will included in future versions of Ext?

Thanks in advance.

How exactly do you change your CSS to right align everything? The toolbar is implemented with a table which seems to make justification of any kind kind of complex.

Try the following:
#MyToolbar .x-toolbar {
height:21px;
}
#MyToolbar .x-toolbar table {
float:right;
}

Thanks. That worked. I had to tweak the height setting to get it to appear correctly though

Okay. Thanks! I didn't try it... just knew that it would show you that it could be done :D

my five cents,
toolbar with text, toolbar with text & buttons, contentPanel titlebar - have identical height:

.ytb-text {
display:block;
}
.x-toolbar {
vertical-align:middle;
height:22px;
padding:0px 2px;
}
.x-toolbar table {
height:22px;
}

Thanks. That worked. I had to tweak the height setting to get it to appear correctly though:

#MyToolbar .x-toolbar {
height:32px;
}
#MyToolbar .x-toolbar table {
float:right;
}

I can't answer for the Core Ext Team, but I can't imagine that it shouldn't B)

If you want to align all items to the right just change your CSS.

If you need to align some items to the left and some to the right there is currently no way in Ext to do it 'out of the box'.... however... Animal has a solution to this (http://www.extjs.com/forum/showthread.php?t=3485).

If you want to align all items to the right just change your CSS.

How exactly do you change your CSS to right align everything? The toolbar is implemented with a table which seems to make justification kind of complex.

#If you have any other info about this subject , Please add it free.#

toolbar align right

Archives

Meta