Hi all,
I have a fairly low-stakes question: Is there any way to highlight text styles with a color, but the color is only visible in Flare and not in the HTML5 output?
For instance, if I use style 1, Flare highlights the content in green. However, the output doesn't show the color.
We use a variety of text styles, and you can't tell them apart in the Flare topic. I know it's easy to find out which style was used. But it would be nice for reviewers if they could tell just by looking at the page which style was used.
Highlight spans in Flare, but not in output
Highlight spans in Flare, but not in output
You do not have the required permissions to view the files attached to this post.
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Highlight spans in Flare, but not in output
Welcome to the forums!
I suppose that you can have each style be associated with a condition, and it's the condition that will supply the color in the XML Editor. But then you can have the target just ignore those conditons. You don't want the target to exclude those conditions, else the characters within the span will be removed.
More on associating conditions with stylese here: https://help.madcapsoftware.com/flare20 ... Styles.htm
I suppose that you can have each style be associated with a condition, and it's the condition that will supply the color in the XML Editor. But then you can have the target just ignore those conditons. You don't want the target to exclude those conditions, else the characters within the span will be removed.
More on associating conditions with stylese here: https://help.madcapsoftware.com/flare20 ... Styles.htm
Nita
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
-
- Sr. Propeller Head
- Posts: 290
- Joined: Mon Aug 26, 2019 2:11 pm
Re: Highlight spans in Flare, but not in output
Maybe you could add a medium (called Internal or similar) to your stylesheet, and set colours on the styles using that medium only. When you're editing in Flare, you can view that medium to see the colours, but the medium wouldn't be associated with any outputs so it won't be seen when you publish.
in hoc foro dolorem ipsum amamus, consectimur, adipisci volumus.
Re: Highlight spans in Flare, but not in output
If it's for HTML5 only (and not PDFs), then you could "undo" the colour by referencing something that only exists in the output topic.
For example, in the output, the HTML tag has an attribute <html ... data-mc-target-type="WebHelp2" ...> which isn't in the source (Flare editor).
So you could use that in your CSS to reset the colour back to transparent in your output.
For example, in the output, the HTML tag has an attribute <html ... data-mc-target-type="WebHelp2" ...> which isn't in the source (Flare editor).
So you could use that in your CSS to reset the colour back to transparent in your output.
Code: Select all
span.whatever
{
background-color: green;
}
html[data-mc-target-type*="WebHelp2"] span.whatever
{
background-color: transparent;
}
Re: Highlight spans in Flare, but not in output
Thanks, everybody This was super helpful. I'll try out all options and see which works best for us.
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Highlight spans in Flare, but not in output
Doh!
Our friend doloremipsum reminds me of a strategy I've used after importing legacy content into Flare. I create a second stylesheet that first @import(s) everything from the main stylesheet and then I add background colors to all sorts of classes. I might call this the "cleanup" or "debug" stylesheet. I temporarily associate the primary target with that stylesheet so that I could then see those classes in operation while cleaning up topics post import. Once that cleanup sweep is done, I associate the target with the main stylesheet.
I think I invented this workflow at a point in the past before Flare added the ability to associate a condition with a style.
Our friend doloremipsum reminds me of a strategy I've used after importing legacy content into Flare. I create a second stylesheet that first @import(s) everything from the main stylesheet and then I add background colors to all sorts of classes. I might call this the "cleanup" or "debug" stylesheet. I temporarily associate the primary target with that stylesheet so that I could then see those classes in operation while cleaning up topics post import. Once that cleanup sweep is done, I associate the target with the main stylesheet.
I think I invented this workflow at a point in the past before Flare added the ability to associate a condition with a style.
Nita
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!