This is a migrated thread and some comments may be shown as answers.
How to override text-align to have RadSiteMap alignment to the 'right' of a DIV ?
2 Answers 38 Views
This is a migrated thread and some comments may be shown as answers.
Pierick Mellerin
Top achievements
Rank 1
Pierick Mellerin asked on 20 Apr 2011, 06:18 PM
Hello,

My RadSiteMap control is in a DIV and I would like to align it to the right of the DIV:

<div id="col3" style="Width:40%">
 <telerik:RadSiteMap ID="SiteMap1" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl">
 <DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText=">" Layout="Flow" />
</telerik:RadSiteMap>
</div>

So, I have tried many overrides without success:

#SiteMap1 .Header, .rsmLevel, .rsmItem, .ContentHolder, .rsmTemplate, .rsmList, .rsmFlow etc
{
    text-align: right;
}
 
So, is there a way to override text-align ?

Thanks in advance.

Pierrick

2 Answers, 1 is accepted

Sort by
0
Pierick Mellerin
Top achievements
Rank 1
answered on 21 Apr 2011, 03:16 PM

The same behavior appears for the RadMenu control and I imagine that it is the same origin, so I would like to know if it is by design that it is not possible to override the "text-align" attribute for these controls ?

Otherwise, what is the workaround for having a SiteMap/RadMenu control aligned to the right of its container (DIV) ?

Thanks in advance!

Pierrick
0
Pierick Mellerin
Top achievements
Rank 1
answered on 21 Apr 2011, 05:39 PM
OK, I have found the following solution:

div.RadSiteMap
{
    float: right;
}

Thanks.

Pierrick
Asked by
Pierick Mellerin
Top achievements
Rank 1
Answers by
Pierick Mellerin
Top achievements
Rank 1
Share this question
or