I am new to Umbraco, and after looking some tutorials on Umbraco TV I am stuck at a trivial (I think) task: I want to construct a simple, blank, home page, that allows me to add at run-time simple "sections" (I have in mind Bootstrap div rows) provided with HTML like editors, and to able to reference custom CSS and JS.
At this level I am totally stuck, I did not find in tutorial something to mimic this. Of course I don't mean to do this at .cstml level but by Umbraco capabilities.
To be more specific I want to understand how to create e.g. a parallax like page, by simply putting html code inside div containers.
I think what you then need to look at is Nested Content. This is blocks within the page. You'd define a nested doc type which would relate to each of your div blocks and then output it.
I think I may simplify my need at this level: I just want to create a page that allow me just to add a plain rich-text editor and to be able to reference custom CSS and JS files
Do you need your css and js to be configurable in the CMS? This isn't usually a good idea but is possible. Most usually you'll just reference that in your template (see the tutorial - it takes you through this).
You could do the content above with either three different content section RTEs or using child blocks or nested content as I said earlier. Again - the tutorial should make this obvious how to do this.
Normally I think that my CSS and JS are supposed to be stable and I want just to reference them (as in a plain .hml file)
I will digg deeper the tuts. Hope to manage. I will come back if I have troubles.
Guidance for starting with simple blank page
Hi,
I am new to Umbraco, and after looking some tutorials on Umbraco TV I am stuck at a trivial (I think) task: I want to construct a simple, blank, home page, that allows me to add at run-time simple "sections" (I have in mind Bootstrap div rows) provided with HTML like editors, and to able to reference custom CSS and JS.
At this level I am totally stuck, I did not find in tutorial something to mimic this. Of course I don't mean to do this at .cstml level but by Umbraco capabilities.
To be more specific I want to understand how to create e.g. a parallax like page, by simply putting html code inside div containers.
Regards
Hi,
Have you worked through the tutorial? https://our.umbraco.org/documentation/Tutorials/Creating-Basic-Site/
This has a model of using child nodes to output multiple "blocks" (the article preview https://our.umbraco.org/documentation/Tutorials/Creating-Basic-Site/Articles-Parent-and-Article-Items is the relevant example)
I think what you then need to look at is Nested Content. This is blocks within the page. You'd define a nested doc type which would relate to each of your div blocks and then output it.
There's no tutorial but https://our.umbraco.org/documentation/getting-started/backoffice/Property-Editors/Built-in-Property-Editors/Nested-Content should give you what you need.
These two approachs cover off most accordions, galleries, repeating divs (where the editor needs a variable number).
HTH
Steve
Hi
The first I just read it (not finished yet)
L.E. I was wrong: I just reading this: Getting Started
I think I may simplify my need at this level: I just want to create a page that allow me just to add a plain rich-text editor and to be able to reference custom CSS and JS files
I want to be able to produce somthing like this:
Do you need your css and js to be configurable in the CMS? This isn't usually a good idea but is possible. Most usually you'll just reference that in your template (see the tutorial - it takes you through this).
You could do the content above with either three different content section RTEs or using child blocks or nested content as I said earlier. Again - the tutorial should make this obvious how to do this.
Steve
Normally I think that my CSS and JS are supposed to be stable and I want just to reference them (as in a plain .hml file) I will digg deeper the tuts. Hope to manage. I will come back if I have troubles.
L.E. What means RTE ?
is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.