fanoe grid layouts and boostrap - Using Umbraco 7

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Stephen Davidson 216 posts 392 karma points

Jun 24, 2015 @ 08:53
0

Fanoe, Grid layouts and Boostrap
Trying to get my head round the latest goodies in Umbraco...namely Fanoe and the Gird layouts.

I'm a very experienced user of Bootstrap 2/3 but can understand a couple of things.
1. Does the Fanoe CSS override the boostrap CSS...none of my btn classes look anything like the OTB Bootstrap...
2. I can see reference to both versions of the bootstrap (2 & 3) in the fanoe code...can we use either?
3. Using the Grid layout i want to give the user the ability to manage a button, namely the link and the button text...I would normally do this with a content type in the Doc Type but not sure if it should be in the Grid Data type?
Have to say I'm mega impressed with the latest Umbraco and all the Grid/Fanoe stuff.

S
Copy Link
Dennis Aaen 4500 posts 18255 karma points admin hq c-trib

Jun 24, 2015 @ 09:18
1
Hi Stephen,

I will try to answers your questions.
1. Yes the Fanoe CSS override the boostrap CSS, so it would be a question on CSS spiffy
2. The reason why there is a reference to versions of the bootstrap (2 & 3) is that you can decide if you want to render the grid as Bootstrap 2 or 3, or use your own implemtationf of a grid. Try to see this documentation about it. https://our.umbraco.org/documentation/using-umbraco/backoffice-overview/property-editors/built-in-property-editors-v7/Grid-Layout/Render-Grid-In-Template
3. I think that you will need to build your own custom grid editor for that. In order to do this you can see this documentations. https://our.umbraco.org/documentation/using-umbraco/backoffice-overview/property-editors/built-in-property-editors-v7/Grid-Layout/build-your-own-editor
There is also a video chapter on Umbraco TV about how to build your own custom property editors, you can find it here: http://umbraco.tv/videos/umbraco-v7/developer/extending/property-editors/introduction/

Perhaps it would be worse to take a look at the package called docType Grid Editor https://our.umbraco.org/projects/backoffice-extensions/doc-type-grid-editor from Lee Kelleher.

Hope this helps,

/Dennis
Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Fanoe, Grid layouts and Boostrap