Hi there,
I have the same problem as already posted with my toolbar.
http://www.telerik.com/community/forums/thread/b311D-bekmgb.aspx
I want a button (logout) and a dropdown (language) to flow to the right side and the other components to the left.
I did, what's posted, and it worked fine as long as I did not add separators to my toolbar. But I need some separators in there.
My actual style sheet looks like that:
.RadToolBar_Default |
{ |
width:100%; |
} |
.RadToolBar_Default .rtbOuter |
{ |
width:100%; |
} |
.RadToolBar_Default_Horizontal .rtbItem |
{ |
padding-right: 1px; |
float:left; |
} |
* html .RadToolBar_Default .rtbItem |
{ |
margin-bottom:2px; |
} |
.RadToolBar_Default_Horizontal .rightAlignedWrapper |
{ |
float:right; |
} |
.RadToolBarDropDown_Default .rtbSeparator |
{ |
border: 0; |
line-height: 0; |
float:left; |
} |
.RadToolBarDropDown_Default .rtbSeparator .rtbText |
{ |
display: none; |
} |
I have no idea what the matter is, but I am not a CSS-guru.
I have to say, that I didn't already test, what happens, when I insert the required language dropdown.I did this only with the logout button. So maybe it would get worse.
There is an other problem too: I want to wrap this toolbar in a masterpage. There are two buttons (navigate back and forward). Those buttons are displayed all the time. (Same for language dropdown and logout button.) But the one that creates the content page, adds its required buttons after those static buttons. So that would cause, those buttons are after language and logout. I think, I have to work around with some life time cycle events as prerender. But maybe you have an idea, to do this with css.
Thanks for help
Greets Simon