Enable side borders for fullscreen mode

Webix JS
1

You explained before side borders are removed in fullscreen mode. If init in a container, then side borders will show.

  1. Is there some way to override this so that side borders will show for fullscreen mode? or even modify source code?

  2. Is there a way to use a container but still look like fullscreen mode?

Thanks

2

(1) can you share some more details, when such behavior is necessary. While there are ways to remove borders, currently there is no way to force them for fullscreen layout. We can add such possibility but so far it is not clear why it can be necessary.

(2) yep, just set full width and height for the container
http://webix.com/snippet/c797ebef

3

  1. If type: “space”, then I would like border around the space. I think this will look better.

  2. That works, but it does not auto size. e.g. move resizer, the width stays the same…

4

(2) yep, you need to add

webix.event(window, "resize", function(){ $$("top").resize() });

http://webix.com/snippet/2ff9f2b6

5
  1. This works fine when increase window size. However, when decrease window size it does not always resize correctly.

http://www.bauerapps.com/files/resize_div.png

Sometimes there is a space on right and bottom sides. Sometimes just on bottom.

  1. If type is “space” do you not think there should be (at least an option…) an inner border? Yes, there should not be the outer border, but the inner border looks nice…
6
  1. adding overflow:hidden must fix this issue

http://webix.com/snippet/18a88a42

  1. After additional consideration we are are agree that this is a bug. Full page layout of “space” type will not have external border, but will have inner border s in place ( it will not change look of flat skin, but will be visible in web and other skins )

Fix will be included in the next build.

7

  1. Yes, work fine now.

  2. Great, glad to hear that.