Page 1 of 1

How to display a specific element label?

Posted: Mon Oct 03, 2022 9:19 pm
by almeim
How do you display only the prereq element's label in the webhelp output. The parameter "args.gen.task.lbl" displays ALL the task labels. I only want the prereq task label to display.

Re: How to display a specific element label?

Posted: Tue Oct 04, 2022 12:17 pm
by alin
Hello,

You can achieve this using the following CSS rule:

Code: Select all

.prereq::before {
  content: "Before you begin";
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 1em;
}
You can find more details about how to use CSS styling to customize the output in our User Guide.

Regards,
Alin

Re: How to display a specific element label?

Posted: Tue Oct 04, 2022 5:22 pm
by almeim
Thanks, it worked! I want to do this for different languages. Would I have to manually add different css files depending on my output or is there an easier way to do it?

Re: How to display a specific element label?

Posted: Wed Oct 05, 2022 3:52 pm
by alin
Hello,

You can place all your localized strings in a single CSS file by specifying several CSS rules using the :lang() pseudo class.
For example:

Code: Select all

.prereq::before {
  content: "Before you begin";
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 1em;
}

.prereq:lang(de-DE)::before {
  content: "Bevor Sie beginnen";
}

.prereq:lang(fr-FR)::before {
  content: "Avant que tu commences";
}
Regards,
Alin