2022.2

InanHTMLfile,eachIDshouldbeunique.ThismeansthataparticularIDcanbe
usedonlyonceineachsection.
n
Etcetera.Seehttps://www.w3schools.com/cssref/css_selectors.aspformoreselect-
orsandcombinationsofselectors;alsosee"SelectorsinOLConnect"onpage825
forselectorsthatcanonlybeusedinOLConnect.
l
Aselector and text.ThisistextinsideanHTMLelement(orseveralHTMLelements)with
aspecificHTMLtag,CSSclassorID.IntheScriptWizard,clickSelector and Text.
Tip: Whenoutputspeedmatters,chooseselectororselector and text.Searchingtextis
aratherlengthyoperation,comparedtosearchingforHTMLelementsand/orCSSselect-
ors.Seealso:"Optimizingscripts"onpage820.
Quick-startascriptforaspecificIDorclass
ThereisashorterroutetocreateascriptforanelementwithaspecificIDorclass:
1. IntheOutlinepaneattheleft,clicktheelementforwhichyouwanttocreateascript.
2. OntheAttributespaneatthetopright,typeanIDorclass.
3. OntheAttributespane,clickthelabeltotheleftoftheIDorClassinputfield(IDorClass)to
makeanewscriptwiththatIDorclassasselector.
Drag-and-dropadatafieldtostartascript
Hereisanotherwaytostartascriptwithaclassselector.
1. Right-clickasectionintheResourcespaneandselectProperties.
2. UnchecktheoptiontoEvaluateHandlebarsexpressionsandclickOK.
3. Openthatsectionanddrag-and-dropadatafieldfromtheDataModelintothecontent.
Whathappensisthat:

o
Aplaceholderforthevalueofthedatafieldshowsupinthetext.Itlooksasfollows:
@FIELDNAME@.

o
AscriptappearsintheScriptspaneatthebottomleft.
Thescriptreplacestheplaceholdersinthecontentwiththevalueofadatafieldinthecurrentrecord.
AslongastheoptionEvaluateHandlebarsexpressionsisinactive,drag-and-dropwillcreateascript
andinsertaplaceholderthatlookslikethis:@fieldname@.Whentheoptionisactive,drag-and-drop
insertsanexpressionlike{{fieldname}}.
Page 811