Usermode view

[jmir]

Hi,
Is it possible to apply usermode view "Center horizontally, auto-size width" to specific plans (not to all project)?
Thanks.

[admin]

Not possible, this setting is global for all plans.

[jmir]

Not possible, this setting is global for all plans.

And is it not possible to override using css or js in any way?

[admin]

Explain in more detail what do you want to achieve.

[jmir]

Explain in more detail what do you want to achieve.

I want to use some plans as mobile visualitzation (like a menu view) and need to scroll up/down and I want to use other plans as desktop visualitzation (and need to fit them to the screen)

[jmir]

Explain in more detail what do you want to achieve.

Is there any way to do it?

[admin]

Only one view mode is supported for all users.

[jmir]

Only one view mode is supported for all users.

And is it not possible to override this mode for specific plans? (not users)

[jmir]

Only one view mode is supported for all users.

And is it not possible to override this mode for specific plans? (not users)

No way to override for specific plans?

[admin]

Try this CSS, adjust plan IDs as needed. Some features like backgrounds won't work correctly.

Code:

.layers {
  overflow-y: auto;
}

#plan-2,
#plan-3 {
  transform: none !important;
  margin: 0 auto !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;  
}

[didac]

Hello.
I have tried the code and it doesn't work. Is it possible to apply the Usermode View "Center plans, enable auto-sizing" on a specific plan using css or js?
Thanks

[admin]

No, it's not possible.

Did you adjust the rules with relevant plan IDs?

[didac]

No, it's not possible.

Did you adjust the rules with relevant plan IDs?

Yes, I have set the rule according to the id plan. It doesn't work

[admin]

You need to set view mode to "Center plans, enable auto-sizing". Plans added to the CSS rule will be shown as is using their original size without scaling. If plan height is larger than the screen height then a scrollbar will appear.

[admin]

Try this:

CSS:

Code:

.layers {
  overflow-y: auto;
}
.layer-centered-h {
  margin-top: 0 !important;
}

JS (change scrollIds array as needed):

Code:

var origDoShowPlan = window.doShowPlan
if (origDoShowPlan) {
  var scrollIds = [2, 3, 4]
 
  $(function() {
    scrollIds.forEach(function(id) {
      $('#plan-' + id).addClass('layer-centered-h')
    })
  })

  doShowPlan = function(plan) {
    visAutoWidth = scrollIds.indexOf(currentPlanId) >= 0
    origDoShowPlan(plan)
  }
}

[didac]

Changing the set view mode and using the above code works, but only with 1920x1080 screens. With smaller screens, I can't see the full width. Also, with this modification, I can't scroll if I open a widget. Now I'll try this new example.

Thanks

[jmir]

Try this:

CSS:

Code:

.layers {
  overflow-y: auto;
}
.layer-centered-h {
  margin-top: 0 !important;
}

JS (change scrollIds array as needed):

Code:

var origDoShowPlan = window.doShowPlan
if (origDoShowPlan) {
  var scrollIds = [2, 3, 4]
 
  $(function() {
    scrollIds.forEach(function(id) {
      $('#plan-' + id).addClass('layer-centered-h')
    })
  })

  doShowPlan = function(plan) {
    visAutoWidth = scrollIds.indexOf(currentPlanId) >= 0
    origDoShowPlan(plan)
  }
}

Hi, I've done some tests and it works if don't open any widget... When I do it (inside a scrollable plan) then scrollbar appears on non-scrollable plans...

[admin]

Remove from CSS:

Code:

.layers {
  overflow-y: auto;
}

Modify JS:

Code:

doShowPlan = function(plan) {
  visAutoWidth = scrolIds.indexOf(currentPlanId) >= 0
  $('.layers').css('overflow-y', visAutoWidth ? 'auto' : 'hidden')
  origDoShowPlan(plan)
}

[jmir]

Remove from CSS:

Code:

.layers {
  overflow-y: auto;
}

Modify JS:

Code:

doShowPlan = function(plan) {
  visAutoWidth = scrolIds.indexOf(currentPlanId) >= 0
  $('.layers').css('overflow-y', visAutoWidth ? 'auto' : 'hidden')
  origDoShowPlan(plan)
}

Now I does not switch between plans....

[admin]

You need to replace only the doShowPlan function not the whole JS code. Complete JS should look like this:

Code:

var origDoShowPlan = window.doShowPlan
if (origDoShowPlan) {
  var scrolIds = [2, 3, 4]
  
  $(function() {
    scrolIds.forEach(function(id) {
      $('#plan-' + id).addClass('layer-centered-h')
    })
  })

  doShowPlan = function(plan) {
    visAutoWidth = scrolIds.indexOf(currentPlanId) >= 0
    $('.layers').css('overflow-y', visAutoWidth ? 'auto' : 'hidden');
    origDoShowPlan(plan)
  }
}