About Container resize

#1 · January 24, 2021, 7:04 pm

Hello,

I use 3 containers for my project. Please check the photo. I need when someone change to full size application the containers acts like:

Container 1: change only the height not width.

Container 2: change the height and width.

Container 3: change only the width not height.

The container 3 is the title of the application so I need to change only the width. Left container 1 is the settings so only change the height without change the combobox and the texts. And the Container 2 is the preview so that container must resize the height and the width.

How can I do that?

Uploaded files:

You need to login to have access to uploads.

#2 · January 25, 2021, 8:09 am

@sakismor take a look at the attached app.

You should left empty "width" or "height" properties and use Style > Positioning > Right and Bottom properties.

I have also included this CSS into Project > Properties > Style so the app is as large as the whole screen area:

.neobody, .neopage{
      width:100%;
      height:100%;
      margin-top:0px;
}

Anyway, try learning how to create responsive Apps using BootStrap 3

Regards.

Uploaded files:

You need to login to have access to uploads.

About Container resize - Forum

About Container resize