Customise responsive and scaling behaviour

jhouwen2203
jhouwen2203 Community Member Posts: 2 ☆ Roadie ☆
Hi there,

now that Lectora also nicely supports scaling we would like use Default Desktop view for Tablet Landscape and Phone Landscape users and scale the Desktop view down to the width of their devices so that we do not need to create and maintain a separate view for Tablet Portret and Phone Portret.

We would still like to be able to work on the view for Tablet Portret and Phone Portret.

We rather not copy the js files form the device_Desktop directory to the device_TabletLandscape and device_PhoneLandscape directories or tweak trivantis.js.

Is there a better way to get this working?

Thanks,
Jan Houwen

Comments

  • mnotermans5114
    mnotermans5114 Community Member Posts: 916
    Hi Jan,

    If you just ignore those views, when building...aint that sufficient ?
    And if you indeed would like the exact same settings for these 2 Landscape views as for the desktop view,
    make a reusable template. If you use that as base for every new project, you have what you want.

    Kind regards,
    Math
  • jhouwen2203
    jhouwen2203 Community Member Posts: 2 ☆ Roadie ☆
    Hi Math,

    As far as I know we cannot ignore those views because end users see them and Lectora squeezes object to the smaller width for mobile that need to be checked and managed.. We rather enable the dedicated views if we need them and scale the desktop view to the width of the tablet or mobile as default behaviour.

    Creating multiple titles is not an option.

    Thanks!
    Jan

    Jan
  • mnotermans5114
    mnotermans5114 Community Member Posts: 916
    If im not wrong that behaviour is added to Lectora 17.1
    So you could make a non-responsive title, 1 view, that will fill the full view on landscape tablet and landscape mobile, thus making that easy. Im not 100% sure that will do what you need, but its easy enough to test.

    Check the release notes here:
    https://www.trivantis.com/release-notes/lectora-desktop-17-1

    Especially these lines:
    • New HTML publish option to disable browser resize of published content
    • New publish option to scale content to fill the browser window
    And if that aint working as needed, you can use a default non-responsive title and use Javascript/CSS to make sure the view on landscape tablet/phone is filled completely.

    Kind regards,

    Math