Sunday, July 4th, 2010

Umbraco Settings

Umbraco settings section contains nodes to add client side information of a web site. I refer client side here to html, css, scripts, templates etc. Let us see more about the various nodes available in settings section in this tutorial.

Style Sheets

One can create and edit the style sheets for their website on the fly under this node.

Templates

If you have worked with .Net before, you must be familiar with templates and master templates.  For those master template term is new, it is skeleton structure of your web site, that will be reused by your inner pages every time when they are rendered. So as I said before Umbraco is not only allows you to edit the contents of the website, but gives control in creating website as well.

Scripts

All your javascripts go under this node. Like CSS you can create and edit the scripts on the fly.

Dictionary

This is a unique feature in Umbraco to handle multilingual sites. The dictionary node is related to languages node. So if you have your site in English and Spanish version. You can load the different language packs at runtime by localization technique.

Languages

You can load different languages under this section for your site.

To learn more about how the dictionary items work along with language packs Click Here .

Media Types

We covered media types and working with it  in previous tutorial. So please refer to the previous tutorial of “Umbraco Media”.

Document Types

This node is the bridge between the content section and developer section which we will see later. Now we see how the document types play a role in acting as a bridge between those two sections.

In “Runway” site example we have two document types namely “Runway Homepage”,”Runway Textpage”. They have their matching templates under template node which we saw above. When a new document type is created you can create a matching template at the same time or you can create it later.

On the right side panel, you have all the information stored about the selected component, “Runway Homepage” document type.

Under “Structure” tab you can select the document types allowed for child pages of document type “Runway Homepage”.

Generic properties tab is playing an important role in bridging the content section and developer section. Click on the add property to add new properties to be displayed on the content section. For demo purpose I added a “Textstring” datatype and called it as “Email”. The data types are being pulled from the developer section where we can create and manage the data types. Below “Add New Property” you will see the properties of existing tabs in the content section and can manage them here under this node.

I made the email field a mandatory one by checking the mandatory checkbox and for validation purpose I entered the email regex in the validation field. I got the regular expression from the Umbraco suggestions of regular expression. Click on the “search for regular expression”. Umbraco comes up with list of regular expression with their usage description.

Now lets take a look at the content section to see the new property added.

The “Tabs” section allows you to add more tabs on the content section and manage them.

Category: CMS
You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.