The following tutorial demonstrates how to add a Link selector in your widget's designer. The Link selector generates hyperlinks to a website, a page from this site, a specific anchor in the text, or an e-mail address.
For more information on how to use the Link selector, see Use Link selectors in Content block widgets.
In your DesignerView.YourView.cshtml file, place one of the following tags anywhere in the HTML code:
Single item selection:
Multiple items selection:
The values of the attributes are scope properties that you must add in your widgets controller.
The Link selector has an option to set a hyperlink to an anchor. To do this, you use the sf-editor-content attribute. The attribute value must contain text from which anchors can be extracted. For example, you can set the editorContent property in the scope of your designer's controller to have the following value:
As a result, the anchors myTitle and mySpan appear in the Anchors dropdown box on the Anchor tab.
Back To Top