Table Of Contents
 

UDI - How to: Modify the UDI stylesheet

Author : Peter Coppinger Email : peter@digital-crew.com
You can provide an alternative stylesheet for UDI and customise the look and feel to fit your website better.

To do this, follow these steps:

  1. Copy the default stylesheet to somewhere else on your website.

    If using form mode (displayAsForm="yes"), copy the stylesheet file "formstyle.css" from the "dccom/interfaces/udi" folder to somewhere else on your website.

    If not using form mode, copy the stylesheet file "style.css" from the "dccom/interfaces/udi" folder to somewhere else on your website.

    Feel free to rename copied css file.


  2. Pass in the customStylesheetURL attribute

    customStylesheetURL="Full URL path to your copy of the stylesheet".

    e.g. customStylesheetURL="http://localhost/mysite/newudistyle.css".



  3. Modify the stylesheet as you see fit

NOTE: Do not modify any of the files withing the dccom/components/udi folder!.