Monday, November 01, 2010

Umbraco New Section Part 1

 

Here is the list of note for creating a custom section in Umbraco

Update Client Name

Change Umbraco/umbraco.aspx title

clip_image002

Change umbraco_client/application/umbracoApplicationAction.js

clip_image004

CUSTOM SECTION in UMBRACO

Creating Custom Section

(Icon)

- Update tray sprite icon image /umbraco/images/tray/traySprites.png
To Add a new icon, just insert 72 pixel of an icon

- Update CSS /umbraco/css/umbracoGui.css

/* CUSTOM TRAY */

.trayinventory{background-position: -18px -594px;}

/* END CUSTOM TRAY*/

Add Images for tree item

umbraco\images\umbraco\custom

(Database)

Add row in UmbracoApp

- Inventory

clip_image006

Add row in umbracoAppTree (to set up the tree)

clip_image008

Add User App Permission

clip_image010

need to setup the language so it will say Inventory instead of [Inventory]

Change umbraco/config/lang/en.xml
<area alias="sections">

<!-- Custom section -->

<key alias="inventory">Inventory</key>

<!-- End Custom Section-->

</area>

Fix undefined in the title ? (need to refresh javascript)

Add a task
Edit umbraco/config/create/ui.xml

<!-- CUSTOM SECTION -->

<nodeType alias="inventoryProduct">

<header>Product</header>

<usercontrol>/create/simple.ascx</usercontrol>

<tasks>

<create assembly="umbraco" type="userTasks" />

<delete assembly="umbraco" type="userTasks" />

</tasks>

</nodeType>

<nodeType alias="inventoryProductCategory">

<header>Product Category</header>

<usercontrol>/create/simple.ascx</usercontrol>

<tasks>

<create assembly="umbraco" type="userTasks" />

<delete assembly="umbraco" type="userTasks" />

</tasks>

</nodeType>

<!-- END CUSTOM SECTION -->

No comments: