This is a migrated thread and some comments may be shown as answers.

Different button alignment

1 Answer 126 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Simon
Top achievements
Rank 1
Simon asked on 04 Sep 2008, 03:03 PM

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-right1px;     
    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     
{     
    displaynone;     

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

1 Answer, 1 is accepted

Sort by
0
Simon
Top achievements
Rank 1
answered on 04 Sep 2008, 03:45 PM
Me again,

I tested it with adding the dropdown. That works fine, as well as the separator have not been added.
I found out, adding some buttons after login and language is no problem. They are aligned to the left, same as back and forward.
(Little note for others, that read this thread: The right side components must be added in reverse order as they want to be displayed.)
Tags
ToolBar
Asked by
Simon
Top achievements
Rank 1
Answers by
Simon
Top achievements
Rank 1
Share this question
or