Skip to Content (Press Enter)
UserImage.jpg
Olivier Boudewijn
2Views
1Comments
Multiple colors for links within an espace
Question
Hi,

Right now i'm building a new standard backoffice for our clients. This design contains two different kind of link-styles, e.g. two different colors. Normally, you connect in Service Studio a text with a webscreen with the standard <A> style.

Does anybody have an idea how I can create serveral colors for my links?
0
0
26 Feb 2004
Copy Link
2011-08-23 22-04-05
Tiago Simões
Staff

Service Studio supports styles in Link widgets since version 2.0.15

If you are still using an earlier version there are two possible workarounds:
1. Replace your link text with an Expression widget an set the style of that Expression
or
2. Create styles like:
.SomeStyle A { text-decoration: none;}
.SomeStyle A:hover { color: #cc3300; text-decoration: underline;}
In CSS syntax this means that this style will apply to A tags inside containers with SomeStyle style.
Apply this style to the table cell that contains the Link.
Be careful however with this descendant selectors approach, because it may have complex inheritance implications.

There are several available style sheet editors that can help defining styles. TopStyle is one of them.

For more information about Cascading Style Sheets see:
https://www.w3.org/TR/CSS2/

For Information about using style sheets in Service Studio see:
Service Studio Help\Web User Interface\Applying styles\Apply Web styles

0
0
26 Feb 2004
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.