Edelweiss Styleguide

Styleguide Navigation

External Links

  • 2018-05-30Migrated [jr]

External Links

You may add a whitelist configuration to app_config – both Regexp and Strings will be tested against URLs:

app_config = {
	external_whitelist: [
		/flyedelweiss\.com/
	]
}

External Links

External Links, Complex Links

Please note that you can place an (optionally empty) indicator yourself if appending it to the link wouldn't lead to satisfying results. This often needs to be done for teasers that link to external sites.

External Links, Custom placement

You can also define special placements with in the global Javascript configuration. The key is «external_indicator» and it requires a hash data object:

external_indicator: {
	'link-selector': 'target-selector' || 'DISCLAIMER'
}

link-selectorA CSS selector for the link. E.g. ".social-media-links a.link", ".social-media-link", ".teaser-link". Try to keep the selector as simple as possible for performance reasons.

target-selectorA CSS selector for a descendant of the selected link. E.g. "h4", ".social-media-link-title". Setting this value to "DISCLAIMER" will open a disclaimer dialog instead. This is helpful for links where the indicator won't fit visually (like icon links).