Numbered list indent in MS WORD output

This forum is for all Flare issues related to PDF, eBook, Microsoft Word, Adobe FrameMaker, XPS, and XHTML book targets.

Numbered list indent in MS WORD output

Postby witia1990 on Thu Nov 12, 2020 5:27 am

I am not dealing with the following issue.
I want to set the style of my numbered list element so that:
  1. Each list element along with number have no indentation.
  2. Each line in list elements have the same Hanging indentation .

In MS WORD it will look like this:

List_indents_WORD.png


What I managed to achieve in MadCap Flare is the following:

List_indents_FLARE.png


I can set left margin properly like in TEST CASE3 but then problem may arise if numbers are greater than 9.
Then I would have to reset left margin once again and I do not want to do it.

Do you have any idea how to set properties of a style so that I can achieve the results like in MS WORD (mentioned above)
I would be very grateful for a hint.
You do not have the required permissions to view the files attached to this post.
witia1990
Propeller Head
 
Posts: 16
Joined: Tue Mar 24, 2020 6:11 am

Re: Numbered list indent in MS WORD output

Postby SKamprowski on Wed Nov 18, 2020 6:04 am

Hello,

it's possible with a div around the ol this div needs to have a negative left-margin.
Kind regards,
Sabine Kamprowski
DocToHelp MVP (by ComponentOne)
SKamprowski
Sr. Propeller Head
 
Posts: 264
Joined: Fri Feb 13, 2015 8:25 am
Location: Germany

Re: Numbered list indent in MS WORD output

Postby witia1990 on Thu Nov 19, 2020 2:23 am

SKamprowski wrote:Hello,

it's possible with a div around the ol this div needs to have a negative left-margin.

Hi,
I don't think that it will be a save of time. I have the following settings:
Code: Select all
ol
{
   list-style-position: outside;
   margin-top: 6pt;
   margin-bottom: 6pt;
}
ol.NumberX
{
   margin-left: 40 px;
}

div.Lists
{
   display: block;
   border: solid 2px #000000;
   margin-left: -7 px;
}


The result in WORD is the following:
List_indents_long_number_WORD.png


So I think that I will create another selector for ol tag:
Code: Select all
ol.NumberX_new
{
   margin-left: 33px;
}


and the result will be the same:
List_indents_long_number2_WORD.png


But all in all thanks a lot for your help!
You do not have the required permissions to view the files attached to this post.
witia1990
Propeller Head
 
Posts: 16
Joined: Tue Mar 24, 2020 6:11 am


Return to Printed Documentation Targets

Who is online

Users browsing this forum: No registered users and 8 guests