Results 1 to 7 of 7

Thread: How to reduce the height of the lines in the hamburger menu?

  1. #1
    Senior Member
    Join Date
    Feb 2012
    Location
    Germany, near Jena and Weimar
    Posts
    263

    How to reduce the height of the lines in the hamburger menu?

    I have a WebApp with many pages, so there are many lines in the Hamburger menu and on a smartphone (Android), the last 2 lines are not visible. How could I reduce the line height?
    Thanks Georg

  2. #2
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    2,185
    Hi Georg,

    I see the Row Height in the Page Menu isn't implemented, according to the doc.

    Collections appear to be, and might solved your challenge. https://www.lianja.com/doc/index.php...nu#Collections

    good luck,

    Hank

  3. #3
    Senior Member
    Join Date
    Feb 2012
    Location
    Germany, near Jena and Weimar
    Posts
    263
    > Collections ... could solve your challenge <

    Yes, it was a challenge for me again! Unfortunately not a "refreshing" one, because it is the same as with other Lianja topics:

    It's often not clear what works and if so, what works in a DeskApp and what's in a WebApp and what are the differences.

    So:
    (My WebApp is especially for smartphones (there are for example, tons of addresses with phone numbers (click to select), map routes and pictures ...):

    Collections make little sense with my WebApp, because the Hamburger menu only gets longer with the "headings" (collections). So the last topics are not visible. And the sub-menus can not be folded!

    A "navigation panel" makes no sense too:

    a) because this makes the page area to be used narrower (smartphone!)
    b) The navigation panel can not be closed like a hamburger menu.
    c) Furthermore, the sub-menus in the WebApp can not be folded like in the DeskApp.

    The following phenomenon also robbed me some time:
    If I add a collection having the same name as a page, the collection will not be accepted (not visible and no error message!).

    Perhaps you could mark the page and section attributes in different colors, which are only for DeskApps and which are only for WebApps.

    Bye Georg

  4. #4
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,165
    Blog Entries
    22
    The fonts in web/mobile are standard bootstrap fonts. By using standard fonts the UI is consistent and relieves you from the need to specify fonts and handle different device resolutions.

    If you turn a mobile device between portrait and landscape mode then obviously the height factor will change also.

    How many static items are you wanting to dimply in the menu and what exactly do these navigate to?

    A better explanation of what you are wanting to achieve would be useful in order to better answer your question.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  5. #5
    Senior Member
    Join Date
    Feb 2012
    Location
    Germany, near Jena and Weimar
    Posts
    263
    Here are two screenshoots of my Android:
    Name:  photo_2018-08-15_09-59-03.jpg
Views: 216
Size:  48.8 KB
    Name:  photo_2018-08-15_10-00-30.jpg
Views: 290
Size:  28.6 KB

    My WebApp is very simple. I'm showing 12 (later more) static html pages generated by another software (VFP).
    Portrait direction: 11 submenus are visible only
    Landscape direction: 5 submenus are visible only

    Thanks and bye
    Georg

  6. #6
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,165
    Blog Entries
    22
    Then clearly switching orientations is not going to work on all resolutions not matter what.

    If you are asking me to provide a scrollable viewport for the hamburger menu then submit an ER.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  7. #7
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,165
    Blog Entries
    22
    Although you have not submitted an ER I have automatically handled scrolling navigation menus in web and mobile in 4.3.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us