Hi, is there a way to force the breakpoint in the text element with multi-column selected? I am using this to display a number of ul lists and want it to break at between a certain set of ul’s
in the screenshot below i want ALL of the list items for “Cognitive (learning, thinking, problem-solving):” to be displayed under it on the right. This is with the “Avoid” setting, and “Auto” wraps only part of the list…which is confusing.
Hello Riceman,
Thanks for writing in!
The Content Break option determines whether the element contents will break or not. This is why when you select “Avoid”, all of your list items are intact and separate from the headline. If you look closely at the element structure, you have inserted this:
<p><strong>Cognitive (learning, thinking, problem-solving):</strong></p>
<ul>
<li>Finds things even when hidden under two or three covers</li>
<li>Begins to sort shapes and colors</li>
<li>Completes sentences and rhymes in familiar books</li>
<li>Plays simple make-believe games</li>
<li>Builds towers of 4 or more blocks</li>
<li>Might use one hand more than the other</li>
<li>Follows two-step instructions such as “Pick up your shoes and put them in the closet.”</li>
<li>Names items in a picture book such as a cat, bird, or dog</li>
</ul>
Your parent elements are the <p> for the headline and the <ul> which consists of the list items. If you DO NOT want to break up the headline and the list items, you must wrap them in a DIV <div> HTML tag like this:
<div class="cognitive">
<p><strong>Cognitive (learning, thinking, problem-solving):</strong></p>
<ul>
<li>Finds things even when hidden under two or three covers</li>
<li>Begins to sort shapes and colors</li>
<li>Completes sentences and rhymes in familiar books</li>
<li>Plays simple make-believe games</li>
<li>Builds towers of 4 or more blocks</li>
<li>Might use one hand more than the other</li>
<li>Follows two-step instructions such as “Pick up your shoes and put them in the closet.”</li>
<li>Names items in a picture book such as a cat, bird, or dog</li>
</ul>
</div>
Hope this makes sense.
Makes perfect sense…thanks!
You are most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
