Two methods for referencing CSS files in Domino

PART ONE: PLACEMENT OF THE CSS FILE

OPTION 1) Using a page or form
-Paste your CSS code into a form/page.
-Select the "Treat contects as HTML" form/page property.
-Do not include the style tags.
-Comment your code like you would HTML. (ie. <!-- ##### DHTML Business Menu Anchors ##### --> )

Download this free guide

Download: IT Certifications 101

Inside this exclusive essential guide, our independent experts break down which IT certifications are worth your time and effort, and how to get started obtaining them to further your career— including specific certifications that any cloud or desktop pro should seriously consider.

Start Download

• Corporate E-mail Address:

  You forgot to provide an Email Address.

  This email address doesn’t appear to be valid.

  This email address is already registered. Please login.

  You have exceeded the maximum character limit.

  Please provide a Corporate E-mail Address.

• • I agree to TechTarget’s Terms of Use, Privacy Policy, and the transfer of my information to the United States for processing to provide me with relevant information as described in our Privacy Policy.

  Please check the box if you want to proceed.

• • I agree to my information being processed by TechTarget and its Partners to contact me via phone, email, or other means regarding information relevant to my professional interests. I may unsubscribe at any time.

  Please check the box if you want to proceed.

By submitting my Email address I confirm that I have read and accepted the Terms of Use and Declaration of Consent.

OPTION 2: Using Image Resource
-Create a new Image Resource, Select your CSS file.
-Name it manually including the extension. (i.e. stylesheet.css)

INCLUDING THE FILE

-Paste the following code into the HTML Head Content object on a page/form: (Or, for 4.6 users, into the $$HTMLHead field.)

"<LINK REL=stylesheet TYPE="text/css" HREF="aliasOfStylesheet?OpenPage">"

Above, the stylesheet was created on a page. If you used a form, it would be ?OpenForm. Likewise, ?OpenImageResource for an Image Resource using the whole filename.

Which is better?
If your good at modifying CSS on the fly, it may be useful to use a form/page to quickly modify the style. Otherwise, use a CSS editor and delete/reattach the new file when you edit it. Image Resource is best used if multiple sites refernce the same stylesheet.

Note: a third way would be pasting your CSS code into a subform, and including it on a form. Cons: 1) You have to use a form. 2) I've experienced inconsistencies with how the browser reads and caches the file.