RH2019 - Multi-level list missed in the css-editor

Forum|Forum|7 years ago
September 13, 2018
12 replies
5844 views

Hello,

in RH2017 I used multi-level list to structure the instructions with intermediate steps and interim result (1. Level: Instruction, 2. Level: intermediate step, 3. Level: interim result). In the css it was the element rh-list. After the migration to RH2019 that does not work anymore...

Any ideas? In the default.css I just found one multi-level list (ol) but I didn't find any option to create my own multi-level list.

Thanks for your help.

Felix

This topic has been closed for replies.

Show previous replies

S

Stefan Gentz

Community Manager

Not sure, if I understand you correct … Do you mean something like this?

<ol style="list-style-type: decimal;">
  <li>
    <p>Instruction</p>
    <ol>
      <li>
        <p>Intermediate step</p>
        <ol>
          <li>
            <p>Interim result</p>
          </li>
        </ol>
      </li>
    </ol>
 </li>
</ol>

H

Helix_ddAuthor

Inspiring

Yes, something like that but in RH2017, there where special elelemts: rh-list.

Example from RH2017:

<?rh-list_start class="Instructions" style="list-style: rh-list; list-style: rh-list;" ?>
                <p class="step">To choose a sensor from a list:</p>
                <?rh-list_end ?>
                  <?rh-list_start class="Instructions" level="2" style="list-style: rh-list; list-style: rh-list;" ?>
                    <p class="intermediate-step" style="margin-left: 20px;">Choose [Add] &gt; Sensor.</p>
                    <?rh-list_end ?>
                      <?rh-list_start class="Instructions" level="3" style="list-style: rh-list; list-style: rh-list;" ?>
                        <p class="interim-result" style="margin-left: 20px;">The window "sensor" appears.<br/>
                          <img alt="" border="0" height="329" src="../assets/images/re_select-sensor.png" style="border: none;" width="268" /></p>
                        <?rh-list_end ?>
                          <?rh-list_start class="Instructions" level="2" style="list-style: rh-list; list-style: rh-list;" ?>
                            <p class="intermediate-step" style="margin-left: 20px;">Choose the desired sensor.</p>
                            <?rh-list_end ?>
                              <?rh-list_start class="Instructions" level="3" style="list-style: rh-list; list-style: rh-list;" ?>
                                <p class="interim-result" style="margin-left: 20px;">A symbol of the sensor is shown on the map.</p>
                                <?rh-list_end ?>
                                  <?rh-list_start class="Instructions" level="1" style="list-style: rh-list; list-style: rh-list;" ?>