This is a tip that is so simple I'm a little embarrassed to post
about it. But, some of the front-end developers were thrilled
by this, so what the heck.
I am lucky to work with a group of very talented
external front-end developers that have access to some of our
Umbraco
installations. To date, I've given them access to the
Content, Media, and Settings areas in the UI. Of these, the
Settings area is the most 'sensitive' as it allows them to view all
templates and document types in the installation and has the risk
of inadvertent changes to underling templates. The goal was
to allow them to input their beautifully crafted XHTML without
worrying about what Tidy or TinyMCE might do to it. Of
course, using a SimpleEditor or Textbox Multiple data type is an
option, but this allowed them to view only a small portion of the
code at a time.
As a solution, I've used the Textbox Multiple data type and
edited the related CSS and created a nearly full-screen view for
these developers to work with (see below). Now, if I can
create something similar for CSS and JS files they'll be eternally
grateful!
How To:
- Create a New Data Type in the Umbraco Developer section
- Edit the related style,
umbEditorTextFieldMultiple, found in:
- …\umbraco_client\ui\default.css
-
.umbEditorTextFieldMultiple {
width: 700px;
height: 700px;
font-family: Trebuchet MS, Lucida Grande, verdana, arial;
font-size: 12px;
}
- Add the Data Type as a property to the appropriate Document
Type
Another example of the incredible flexibility of Umbraco.
-Paul