SideBar

Hello,
I design with WEBIX This system , however gather the main menu when the form that exists in tab2 not resize , move the whole screen , do not know how to solve.

http://54.233.146.47/sis/#!/app/entidades

code http://54.233.146.47/sis/sis.zip

Sorry, I’m not sure that I fully understand the issue.

To have a form adjustable you need to define a free size for one of inputs ( define zero width for it ) or add a spacer after inputs to fill the empty space.

webix.ui({
  view:"form",
  elements:[ { view:"text"}, { view:"text"}, { view:"text"}, {}]
})

Hi maksim,

Thank you for your support

I will explain step by step so that you can see exactly what is happening:

  1. Enter http://54.233.146.47/sis/#!/app/entidades
  2. Press the TAB2
  3. Press the button to rewind the menu
    Note that this time the screen will be reduced as a whole
  4. Press the button to expand the menu again
    Note that the screen will continue with the reduced size.

Not doing fit properly.

I applied the element {} as you suggested. The screen went right, put the form with the fields “text”, got a space at the end of the last field. I did not post this change, so you could see the initial situation.

What are we doing wrong?

thank you

You have a maxWidth for the combo control on tab2. So, when sidebar is collapsed right part of screen resize self, but it can’t take a whole screen, as size for all widgets is fixed, and size for combo has a maxWidth

Hello, Thank you very much. Now is perfect!