Missing menu separators with Q3 2013

[jsearl]

Just so it may help someone else with the same issue, since upgrading to Q3 2013 I've noticed that our menus that are created dynamically (in this case via a web service) are missing menu separators.  It seems an extra class name, rmImageOnly, for separators is getting added even though I'm not using images for the separators:

<div class="rmSlide" style="left: 0px; top: 22px; width: 151px; height: 361px; overflow: hidden;">
    <ul class="rmVertical rmGroup rmLevel1" style="left: 0px; top: -361px; display: block; visibility: visible;">

        <li class="rmItem rmSeparator">

             <a class="rmLink rmImageOnly" style="width: 151px;" href="#">
                <span class="rmText"></span>
            </a>

        </li>

    </ul>
</div>

By default, the embedded Telerik css sets the display: none; property for this class, therefore all my separators were hidden.  I used the following code to fix the issue:

 

/* Added to fix hidden separators on the Radmenu ver. Q3 2013 */

.RadMenu .rmRootGroup a.rmImageOnly span.rmText

{

     display: block !important;

}

A side note is that this does not seem to happen with the radMenus that are created without using a webservice.  Telerik, this seems like a bug to me.  Hope this helps anyone else with the same issue!

[Stephen]

[quote]jsearl said:

Hope this helps anyone else with the same issue![/quote]

It most certainly did my friend; best to you!