2022.2

Table Of Contents

OLConnectclassesandattributes

OLConnectitselfsometimesaddsaspecificclassorattributetoelementsinatemplate.Capture

OnTheGowidgets,forexample,havearoleattributethatallowstheCOTGlibrarytodictatetheirbeha-

viour.OLConnect-specificclassesandattributescanbeusedinselectors,aswillbeexplainedand

demonstratedbelow.

OLConnect-specificclassesusuallyareinvisibleintheDesigner.Byopeningthecurrentlyselected

sectioninyourdefaultwebbrowser(clickthePreviewHTMLtoolbarbutton)andusingthebrowser's

codeorsourceinspectoryoucanseemostofthedynamicallyaddedclasses.

Caution: Avoidusingclasseswiththe__olprefixinyourselectors.Thesedynamicallyadded

classnamesmaychangeinfuturereleasesofthesoftware.

Section selector

TheDesignerwritesthenameofeachsectiontothesectionattributeofthe<html>element.This

attributecanbeusedinselectors.

Note: Tomakescriptsrunexclusivelyoncertainsections,itisadvisedtoputthemin

foldersandsettheexecutionscopeofthescriptsinafolderviathefolderproperties;see

"Executionscope"onpage375.

Example: Thefollowingruleappliesformattingto<h1>elementsinsectionsofwhichthename

startswith‘Letter’:

[section^='Letter'] h1 {

color: brown;

}

Note: TotargetsectionsaswellasMasterPages,usethebodyselectorwithoutthemas-

terpageorsectionselector.Forexample:

l

Selector:body

l

Script:results.html('<div style-

e="background:red;width:1in;height:2in">Hello World</-

div>');

Page 386