Umbraco 4

These are the step I take when starting a new Umbraco Project.

  • Create a new uSiteBuilder Project
  • Create the Umbraco Website
  • Add the Umbraco website and the template to the uSiteBuilder Project

Setup Umbraco Defaults

  • Set useDirectoryUrls=true
  • Add AltText to the Image media type
  • Alter the Media Picker datatype to show a preview and use the advanced dialog

Copy Umbraco Standard Elements

  • Copy the standard Razor Scripts (main navigation, media image, etc)

Copy uSiteBuilder Standard Elements

  • Copy standard docTypes (master, homepage, textpage etc.)

Project setup in Visual Studio

Set 2 projects within your solution - 1 for custom usercontrols, then the other for the Umbraco website. This way it keeps them together.

Changing Content Type in XSLT

use the umbraco.library:ChangeContentType('text/xml') function to set the output type.

Creating a Search Button butting against a search bow

Make sure to set both items to display block, otherwise it's impossible to get them to line up

Using dotless in Integrated .net 4 sites

use the following in your web config

<system.webServer> <modules runAllManagedModulesForAllRequests="true"/> <handlers> <add name="dotlessHandler" type="dotless.Core.LessCssHttpHandler, dotless.Core" path="*.less" verb="*" /> </handlers> </system.webServer>

Link to jQuery Tools for form validation

Use their CDN, and add required="required" to required fields, and type="email" to email fields.

Allow Directory URLS

umbracoUseDirectoryUrls set to true in web.config

Set Media Picker to use advanced settings and show preview

In Data Types in the Developer Section

Add Alt Text attribute to Image Media Type

In Settings, Media Types. Put it in the Image Tab

Packages to Add

  • Dashboard Prevalue Editor
  • Multiple File Upload
  • XSLT Search
  • Google Maps Datatype

Enable the tidy tool in the RTE

In Developer, Datatypes, RichtectEditor

Alter the umbracoSettings.config file to prevent quotes in node names

If you don't, you won't be able to link to the pages in the editor

You do this by adding this line to the urlReplacing section of the umbracoSettings.config file in the config directory

<char org="'"></char>

NB - At the moment, you still won't be able to link to the page with the RTE, though this should be fixed in 4.6.2

How to Logout Umbraco Members

Add The following code to the code behind file of a usercontrol and then create a link to a page with this control in it. (Used in both GCCC blog and Chryson 2010 website)

Member m =Member.GetCurrentMember();
Member.RemoveMemberFromCache(m);
Member.ClearMemberFromClient(m);
Response.Redirect("/");

Related Links

When using related links, use the xslt script from the Olympic torch site, or add

<xsl:if test="count($currentPage/* [name() = $propertyAlias and not(@isDoc)]/links/link) &gt; 0">

with a matching endif around the whole

so that an empty ul isn't output when there are no links

 

Authors

Tags