Examplesmodel.doAction(FlexLayout.Actions.addNode( {type:"tab", component:"grid", name:"a grid", id:"5"}, "1", FlexLayout.DockLocation.CENTER, 0));This example adds a new grid component to the center of tabset
Examples model.doAction(FlexLayout.Actions.updateModelAttributes({ splitterSize:40 })); The above example would increase the size of the splitters, this could be used to make adjusting the layout easier on a small device. model.doAction(FlexLayout.Actions.addNode( {type:"tab", component:"gri...
Projects Security Insights Additional navigation options master BranchesTags Code Folders and files Name Last commit message Last commit date Latest commit Cannot retrieve latest commit at this time. History 240 Commits ci docs examples src styleguide ...
Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API. - aaronvanston/react-flexa
Examplesmodel.doAction(FlexLayout.Actions.updateModelAttributes({ splitterSize:40, tabSetHeaderHeight:40, tabSetTabStripHeight:40 }));The above example would increase the size of the splitters, tabset headers and tabs, this could be used to make adjusting the layout easier on a small device....
Examples Importing components import { Grid, Column, Row } from "react-awesome-grid"; Even distribution Three rows height: 1*, 1*, 1* (33% each) <Grid> <Row height="1*">Row #1</Row> <Row height="1*">Row #2</Row> <Row height="1*">Row #3</Row> </Grid> Two columns widt...
Examples model.doAction(FlexLayout.Actions.addNode({type:"tab",component:"grid",name:"a grid",id:"5"},"1",FlexLayout.DockLocation.CENTER,0)); This example adds a new grid component to the center of tabset with id "1" and at the 0'th tab position (use value -1 to add to the...
For popouts to work there needs to be an additional html page 'popout.html' hosted at the same location as the main page (copy the one from examples/demo). The popout.html is the host page for the popped out tab, the styles from the main page will be copied into it at runtime....