Can anybody explain how I can add a grid layout into a custom property editor.
I thought that bootstrap.min.3.0.1 was being used, but doesn't work. Do I need to inject my own bootstrap version into it, or can I hook into Umbraco version?
The classes are
.row for 940px wide rows, .row-fluid for 100% wide rows
.span1 to .span12 to for columns spanning 1 to 12 rows.
.offset1 to .offset12 for offsetting columns 1 to 12 rows.
Yeah comparing it to the bootstrap repo, looks like they've removed any grid code from their impementation (both 3.10 and 2.0.1 are referenced in Umbraco).
Using a css grid in a custom property editor
Can anybody explain how I can add a grid layout into a custom property editor.
I thought that bootstrap.min.3.0.1 was being used, but doesn't work. Do I need to inject my own bootstrap version into it, or can I hook into Umbraco version?
Hi,
I'm not really sure what flavour grid is used.
The classes are .row for 940px wide rows, .row-fluid for 100% wide rows .span1 to .span12 to for columns spanning 1 to 12 rows. .offset1 to .offset12 for offsetting columns 1 to 12 rows.
you can find the source here https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/lib/bootstrap/less/grid.less and mixins here https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/lib/bootstrap/less/mixins.less
HTH :)
Yeah comparing it to the bootstrap repo, looks like they've removed any grid code from their impementation (both 3.10 and 2.0.1 are referenced in Umbraco).
https://github.com/twbs/bootstrap/blob/v3.1.0/less/grid.less
https://github.com/twbs/bootstrap/blob/v2.0.1/less/grid.less
is working on a reply...