Info
Content

Field: WL Hyperlink

WL Hyperlink.

Ability to create a hyperlink (outside of rich text) with content blocks, for use with resource ID, External URL, Modal or Scroll to ID

Category: Waterlogic Fields.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Fields/index.html

hyperlink-field.jpg

Additional Settings: (as found within field cog, highlighted in blue)

WL-Hyperlink-Setting-Cog.png

WL-Hyperlink-Settings.png

Settings

Hyperlink Text: The text to display within the link

Hyperlink Type: Where should this hyperlink go? Options:

  1. Resource ID - The resource ID that the button should link to
  2. External URL - An external url (e.g. https://www.google.co.uk) 
  3. Modal - The ID of the modal popup as defined in the Modal Popup content block
  4. Scroll to ID - The section that you would like this button to scroll to. Defined by Layouts
  5. Relative URL - This will point to a file locally within the server relative to the context base_url e.g. for waterlogic.com/en-gb/ the base url is /en-gb/ and if you wanted to include a link to a pdf in the uploads folder the button destination would be uploads/mypdf.pdf. the final output to the site will be /en-gb/uploads/mypdf.pdf

Hyperlink Destination: The location where this hyperlink should go to. Relevant to the Hyperlink Type setting.

Hyperlink Colour: The colour of the hyperlink. Default Light Blue.

Font Size: Select the text size from the pre-defined list of sizes. Default Regular.

Font Awesome Icon: Font Awesome Icon to use to the left of the hyperlink, see (https://fontawesome.com/icons?d=gallery) for icons that can be used.

For Example: Star icon (https://fontawesome.com/icons/star?style=solid) the value to be used would be fa-star.

Open in new window?: Should this link open in a new window?

Alignment: What position should this sit within the layout. Left, right or centre. Default Left.

Arrow Position: Should the arrow display to the left or right of the link. Default Right.

Additional Classes: Additional classes that apply to the anchor tag. Default to empty.

 

 

 

 

Back to top