Mobile expand by default

5 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    345 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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fit2Page
    Fit2Page avatar
    345 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

  5. 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
  6. Fit2Page
    Fit2Page avatar
    345 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
UI for ASP.NET Ajax is Ready for VS 2017