2022.2

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385
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380.
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}}.
Writing a script
1. Createanewscript(see:"CreatinganewStandardScript"onthepreviouspage,"AddingaCon-
trolScript"onpage398or"AddingaPostPaginationScript"onpage411),ordouble-clickan
Page 371