10-06-2018, 08:02 AM
Shane,
0. Setup your ServerController to add the necessary headers in BaseConfig:
JavaScriptOptions.RenderjQuery := False;
IWBSLibSetCDNS;
Start with an empty form.
1. Add a TIWBSRegion (I set Align => alClient so that it's big enough to hold everything else). Set it BSRegionType property to bsrtContainer.
2. Add a TIWBSRegion inside the previous region, set BSRegionType to bsrtRow. I usually make it's Top about 16 pixels down from the top of its container so that I can see the Bootstrap hints in the upper right.
3. Add (you guessed it) a TIWBSRegion inside the "row", set type to bsrtColumn. Set BSGridOptions.GridXsSpan to 6. Arrange this region so that it takes one third of your horizontal space. Copy and paste it inside the row, put it at the exact same height as the other "column".
Run your app and see what markup is emitted. This should get you started.
0. Setup your ServerController to add the necessary headers in BaseConfig:
JavaScriptOptions.RenderjQuery := False;
IWBSLibSetCDNS;
Start with an empty form.
1. Add a TIWBSRegion (I set Align => alClient so that it's big enough to hold everything else). Set it BSRegionType property to bsrtContainer.
2. Add a TIWBSRegion inside the previous region, set BSRegionType to bsrtRow. I usually make it's Top about 16 pixels down from the top of its container so that I can see the Bootstrap hints in the upper right.
3. Add (you guessed it) a TIWBSRegion inside the "row", set type to bsrtColumn. Set BSGridOptions.GridXsSpan to 6. Arrange this region so that it takes one third of your horizontal space. Copy and paste it inside the row, put it at the exact same height as the other "column".
Run your app and see what markup is emitted. This should get you started.