Mobile expand by default

5 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    376 posts
    Member since:
    Feb 2007

    Posted 28 Oct 2015 Link to this post

    Hi,

     

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

     

    Thanks,

    Marc

  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 29 Oct 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Fit2Page
    Fit2Page avatar
    376 posts
    Member since:
    Feb 2007

    Posted 29 Oct 2015 in reply to Hristo Valyavicharski Link to this post

    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

  4. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 29 Oct 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Fit2Page
    Fit2Page avatar
    376 posts
    Member since:
    Feb 2007

    Posted 30 Oct 2015 in reply to Hristo Valyavicharski Link to this post

    Yes Hristo, that is what I was looking for.

     

    Thanks,

    Marc

Back to Top