How to Change App Width at Runtime?

#1 · September 9, 2024, 7:34 am

Hi everyone,

I'm trying to adjust the width of my app dynamically at runtime. Specifically, I want to change the width based on user interactions or other conditions during the app's operation. Could anyone provide guidance or examples on how to achieve this?

Uploaded files:

You need to login to have access to uploads.

#2 · September 9, 2024, 11:51 am

@asmat that's a bit strange.
App width and height are set in two special CSS classes.

CSS classes automatically added to <body> and every page:

.neobody
.neopage

So you can rewrite them by doing this:

Add a not visible Container to your Master Page
Include a code similar to this one into the Container HTML code:

<style>
.neobody,.neopage{
   width:[appWidth]px!important;
}
</style>

Whenever you change the [appWidth] value, the App width should change accordingly.

asmat has reacted to this post.

#3 · September 9, 2024, 1:35 pm

Thank you very much, Mr. Luis.

How to Change App Width at Runtime? - Forum

How to Change App Width at Runtime?