Using bullets within notes

[RT_2607]

I am using Madcap Flare 2018 r2. The style div.note is applied for "Notes". But I am unable to specify lists or paras within div.note. Once I press enter, it opens another notes container.
div.Note
{
border: solid 1px #6244BB;
border-left: solid 8px #6244BB;
border-radius: 3px;
overflow: auto;
padding-bottom: 12px;
padding-left: 50px;
padding-right: 10px;
padding-top: 12px;
position: relative;
max-width: 80em;
margin-top: 10px;
margin-bottom: 10px;
text-indent: 43px;
}
This is the style specified. Need your inputs on this.

[doloremipsum]

Nothing wrong with your style - you just need a slightly different workflow. I take it you are creating a div by creating a p, then using the style window to convert it to a div. Instead, try this:

• Create a paragraph, type your text.
• Create a new paragraph or list (or another block element)
• Highlight both of your blocks and press TAB
• Select the div you want.
• Now you have paragraphs inside the div! Continue to press enter to create new paragraphs and other blocks.
• To escape the div, press down a couple of times after your last paragraph, then press ENTER.

[RT_2607]

wow that works.. Thank u..
But I am not able to exit it. How do i do that? As of now, i moved to the Text editor and came out of </div>

[ChoccieMuffin]

wow that works.. Thank u..
But I am not able to exit it. How do i do that? As of now, i moved to the Text editor and came out of </div>

I've never really figured out how to exit things like divs and lists in the XML Editor, so I press the right arrow key or down arrow key on my keyboard, keeping an eye on the structure bar on the left-hand side of the XML Editor pane. When the structure outside of the div or list is highlighted, then I type some random character to identify where my cursor really is. (Sometimes I have to do this a couple of times to get what I'm after, but it seems to work... I'm hoping someone comes along with a more reliable suggestion!)

[Nita Beck]

You can exit a div using the keyboard only by pressing Shift+Tab. I just tested it. In the div, I pressed Enter to have a new blank paragraph in the div, and then I pressed Shift+Tab, which moved that blank paragraph to below the div.

[ChoccieMuffin]

You can exit a div using the keyboard only by pressing Shift+Tab. I just tested it. In the div, I pressed Enter to have a new blank paragraph in the div, and then I pressed Shift+Tab, which moved that blank paragraph to below the div.

Thanks Nita, yet another power-user tip from you!

[aevansb]

This post was very helpful in figuring out how to apply multiple styles within a 'note' style. However, the issue I'm having now is having the note label appear in the line before my text. Is there a way to have the label appear inline with my text? I've included my style here as well as a screenshot of what I'm referring to.

Code: Select all

p.important
{
	padding: 10px 5px 10px 5px;
	page-break-inside: avoid;
	background-color: #e8e8e8;
	border-left: solid 5px #f15825;
	mc-auto-number-format: '{b}Important: {/b}';
}

div-styling.png

Update: I figured it out. This is what was required:

Code: Select all

div.important
{
	margin: 5px 0 5px 0;
	padding: 0.5px 5px 0.5px 5px;
	page-break-inside: avoid;
	background-color: #e8e8e8;
	border-left: solid 5px #f15825;
}

div.important > p:first-child
{
	mc-auto-number-format: '{b}Important: {/b}';
}