Geek asks and answers

Extjs Dynamic packing of items in a container

Why is it so hard? I have a container, layout: "hbox" and a collection of buttons. The problem is that the buttons remain outside the boundaries of the container. What are the best methods for packing content inside a container? Should I just swim: “left” my children's items? I can use fixed width everywhere, my site does not resize horizontally.

+5
source share
3 answers

The correct way to do what I was looking for here is to use layout:'column'one that will handle its children, such as floating divs.

+14
source

hbox , , "". Hbox . "" ( ) CSS- ( ).

Ext.toolbar.Toolbar#enableOverflow - .

. true, , , .

+5

; layout auto CSS wrap responsive;

Some containers of nested children are rendered foocontainerdynamically. Thus, a fully responsive user interface in CSS.

.foocontainer > div[data-ref="outerCt"] > div[data-ref="innerCt"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex!important;
  flex-wrap: wrap!important;
}
0
source

More articles:


All Articles