Results 1 to 6 of 6

Thread: Responsive UI improvements in 5.4

  1. #1
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,966

    Responsive UI improvements in 5.4

    As stated in the development roadmap I have been working on better handling responsive UI requirements. More to come... (Hint: dynamically laid out Form sections)

    • *new* Responsive UI navigation panel. Specify the "Responsive UI width breakpoint" and the "Navigation Panel" will automatically collapse as icons and expand with captions if the breakpoint is reached on window resizing or mobile viewport size.
    • *new* Responsive UI section menus. Specify the "Responsive UI width breakpoint" and the "Section Menu" will automatically collapse and expand if the breakpoint is reached on window resizing or mobile (phone/tablet) viewport size.
    • *new* Responsive UI section search panels. Specify the "Responsive UI width breakpoint" and the "Search Panel" will automatically hide and show if the breakpoint is reached on window resizing or mobile (phone/tablet) viewport size.
    • *new* all formitems (fields and gadgets) can now be automatically be shown/hidden depending on a new attribute in the "UI Presentation rules". This new attribute is the "Responsive UI width breakpoint". As a window (or device such as a phone or tablet changes orientation) the UI is automatically adjusted.
    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

  2. #2
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    2,010
    Fantastic improvements!

  3. #3
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,966
    Here is a video showing how the UI responds to geometry changes just by setting attributes.

    https://drive.google.com/file/d/1h1v...K5E7F0VQu/view
    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

  4. #4
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,966
    Additional responsive UI enhancements in 5.4Beta7.


    • *new* all sections can now be automatically shown/hidden depending on new attributes in the "UI Presentation rules". These new attributes are the "Responsive UI width breakpoint" and the "Responsive UI height breakpoint". As a window (or device such as a phone or tablet changes orientation) the UI is automatically adjusted.
    • *new* responsive UI form sections. There is an attribute in the "UI Presentation rules" called "Responsive UI minimum width" for each formitem (fields and gadgets). If the viewport is not wide enough to contain the columns in the form section it will automatically handle horizontal scrolling. On a mobile device this allows flicking left and right to scroll the form contents.
    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
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,966
    Further responsive UI improvements. Collapsible section menus and scrollable form sections.

    https://drive.google.com/file/d/1xXh...4MFsE7vIq/view
    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

  6. #6
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,966
    Lianja 5.4Beta8 Now with improved section menus that dropdown on mouse hover.

    https://drive.google.com/file/d/13kh...vKXZVAc_L/view
    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