Oxygen XML Forum

Posted: **Thu Mar 22, 2018 12:43 am**

Try this - create 2 tasks in a map, each with the same number of steps. In one task, add a step example (stepxmp) to one of the steps. Then, run the DITA Map XHTML tranformation.

Look at the generated HTML files:

* In the HTML file WITH the stepxmp, notice that the generated step includes a stepexpand:
<li class="li step stepexpand">

* In the HTML file WITHOUT the stepxml, notice the generated step does NOT include a stepexpand:
<li class="li step">

Is this intentional? It leads to an inconsistent look because some topics have spaces between the steps, while some don't.

Posted: **Fri Mar 23, 2018 4:00 pm**

Hi,

It seems that the DITA Open Toolkit publishing engine indeed adds that extra "stepexpand" value to the @class attribute and it also has a default CSS rule which adds that extra padding:

Code: Select all

.stepexpand {

  margin-top: 1em;

  margin-bottom: 1em;

}

.substepexpand {

  margin-top: 1em;

  margin-bottom: 1em;

}

So maybe you can create your own CSS which overrides these selectors then in the transformation scenario set the "copy.css" parameter to "yes" and the "args.css" parameter to point to your custom CSS.

Regards,
Radu

Oxygen XML Forum

Different HTML output for topics with/without STEPXMP

Different HTML output for topics with/without STEPXMP

Re: Different HTML output for topics with/without STEPXMP