Mobile expand by default

[Fit2Page]

Hi,

 

How can I achieve that the Mobile RadMenu is expanded by default when I load the page?

 

Thanks,

Marc

[Hristo Valyavicharski]

Hi,

Set RenderMode to Mobile:

<telerik:RadMenu runat="server" ID="menu"  RenderMode="Mobile">
              <Items>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
                  <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
              </Items>
          </telerik:RadMenu>

Regards,
Hristo Valyavicharski
Telerik

[Fit2Page]

Hi Hristo,

 

I don't think I made myself clear enough.

I want to expand the burger menu on default when a user enters the page.

So a simulated hamburger click on server side page load or radmenu.onclientload,

 

Marc

[Hristo Valyavicharski]

Try this:

<script type="text/javascript">
    function menuLoad(sender, args) {
        $(".rmRootToggle").click();
    }
</script>
<div>
    <telerik:RadMenu runat="server" ID="menu"  RenderMode="Mobile" OnClientLoad="menuLoad">
        <Items>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="ITem 1"></telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>
</div>

Regards,
Hristo Valyavicharski
Telerik

[Fit2Page]

Yes Hristo, that is what I was looking for.

 

Thanks,

Marc