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.
Post Reply
witia1990
Propeller Head
Posts: 17
Joined: Tue Mar 24, 2020 6:11 am

Numbered list indent in MS WORD output

Post by witia1990 »

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.
SKamprowski
Sr. Propeller Head
Posts: 277
Joined: Fri Feb 13, 2015 8:25 am
Location: Germany

Re: Numbered list indent in MS WORD output

Post by SKamprowski »

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)
witia1990
Propeller Head
Posts: 17
Joined: Tue Mar 24, 2020 6:11 am

Re: Numbered list indent in MS WORD output

Post by witia1990 »

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.
Post Reply