first item mis-aligned when added server side

[Morten]

On a page I have a menu:

                <div style="float:right !important;">
                  <telerik:RadMenu ID="m" runat="server" Skin="Vista" style="z-index: 1000">
                    <Items>
                      <telerik:RadMenuItem runat="server" Text="campaigns" NavigateUrl="~/LocGrp/Campaigns.aspx" />
                      <telerik:RadMenuItem runat="server" Text="reports" NavigateUrl="~/LocGrp/CampaignReports.aspx" />
                      <telerik:RadMenuItem runat="server" Text="logout" NavigateUrl="~/Log.aspx" />
                    </Items>
                  </telerik:RadMenu>
                </div>

In the code behind I do this:

        Dim decoItem As New RadMenuItem
        decoItem.Text = "decoplan"

        Dim decoMngt As New RadMenuItem
        decoMngt.Text = "Manage plan"
        decoMngt.NavigateUrl = "~/LocGrp/Decoplan.aspx"
        decoItem.Items.Add(decoMngt)

        Dim decoAccess As New RadMenuItem
        decoAccess.Text = "Manage access"
        decoAccess.NavigateUrl = "~/LocGrp/DecoplanAccess.aspx"
        decoItem.Items.Add(decoAccess)

        Me.m.Items.Insert(0, decoItem)

The rendered HTML:

<div style="float:right !important;">
<div id="ctl00_m" class="RadMenu RadMenu_Vista " style="z-index: 1000">
<!-- 2009.1.311.35 --><ul class="rmHorizontal rmRootGroup">
<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">decoplan</span></a><div class="rmSlide">
<ul class="rmVertical rmGroup rmLevel1">
<li class="rmItem rmFirst"><a href="Decoplan.aspx" class="rmLink "><span class="rmText">Manage plan</span></a></li><li class="rmItem rmLast"><a href="DecoplanAccess.aspx" class="rmLink "><span class="rmText">Manage access</span></a></li>
</ul>
</div></li><li class="rmItem"><a href="Campaigns.aspx" class="rmLink "><span class="rmText">campaigns</span></a></li><li class="rmItem"><a href="CampaignReports.aspx" class="rmLink "><span class="rmText">reports</span></a></li><li class="rmItem rmLast"><a href="../Loout.aspx" class="rmLink "><span class="rmText">logout</span></a></li>
</ul><input id="ctl00_m_ClientState" name="ctl00_m_ClientState" type="hidden" />
</div>
</div>

In both ID6 and Firefox 3.07 a few pixels left-padding are added to the "Manage plan" item. I'll send/upload a screen shot if you want.

How do I get rid of the extra few pixels?

[Atanas Korchev]

Hello Morten,

I couldn't reproduce the error on my end. Please find attached my test page and a screenshot how it looks locally.

Regards,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.