Specifying the Type attribute for a list

[passingby]

Is the a wiki text way to specify the list item type like '1' 'A' 'a' 'I' 'i'  and their start attribute ? or do we have to define and use custom css classes?

[PMario]

On Wednesday, March 13, 2019 at 10:32:48 PM UTC+1, passingby wrote:

Is the a wiki text way to specify the list item type like '1' 'A' 'a' 'I' 'i'  and their start attribute ? or do we have to define and use custom css classes?

CSS attributes. see: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type#Values and https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists#Bullet_styles

-m

[S. S.]

Search this google group for:
Change bullet list css lower-alpha

Regards

[passingby]

Thank you. This is just as I thought. I only wanted to make sure I am not missing some tiddlywiki shorthand. Right now I am sometimes in a need of starting a list from a mid value. Like (iv) or something and then sublists with 'a' or 'A'. I am using inline html tag like <ol type="A" start="B">. This is working fine but I wanted to know if there was a shorthand which will reduce the typing. 

[passingby]

Thank you S. S. 

[mervin mecklenburg]

If I understand the question, you can also try this.  The Type attribute for HTML can be used with the $list widget as follows:

<ol type="a" start="x">
<$list filter="[tag{!!title}!has[stop]]">
<li><$transclude tiddler={{!!title}} mode="block" /></li>
</$llist>

Also, the list widget can be nested to insert sublists.  For example, I use the following to create a formal outline for my notes:

<ol type="I"><$list filter="[tag{!!title}!has[stop]]">
<li><$link to={{!!title}}><$view field="title"/></$link>
<p></p>

<$transclude tiddler={{!!title}} mode="block" /></li>

<ol type="A"><$list filter="[tag{!!title}!has[stop]]">
<li><$link to={{!!title}}><$view field="title"/></$link>
<p></p>

<$transclude tiddler={{!!title}} mode="block" /></li>

<ol><$list filter="[tag{!!title}!has[stop]]">
<li><$link to={{!!title}}><$view field="title"/></$link>
<p></p>

<$transclude tiddler={{!!title}} mode="block" /></li>

<ol type="a"><$list filter="[tag{!!title}!has[stop]]">
<li><$link to={{!!title}}><$view field="title"/></$link>
<p></p>

<$transclude tiddler={{!!title}} mode="block" /></li>

<ol type="i"><$list filter="[tag{!!title}!has[stop]]">
<li><$link to={{!!title}}><$view field="title"/></$link>
<p></p>

<$transclude tiddler={{!!title}} mode="block" /></li>



</$list></$list></$list>

I hope this is useful.

Merv

[passingby]

Hello Mervin,

In my use case the lists are just one or two liners items, they do not deserve to go into separate tiddlers of their own. But your use of html tag and list widget is surely useful in other cases.

Thank you

[S. S.]

passingby,

A little convoluted, but this works:

<style>
.u { list-style-type:upper-alpha; }
.l { list-style-type:lower-alpha; }
.r { list-style-type:upper-roman; }
.n { list-style-type: none;   margin: 0;   padding: 0; }
</style>


*.u How
**.l about
***.r that!
****.n Your
***.r fancy
**.l list
*.u  works

Becomes:

A. How
     a. about
          I.  that!
                  Your
          II. fancy
     b. list
B. works

The WikiText interpretation of a period charachter after the * takes what follows the period as a "class" attribute.

This:

 *.u How

Becomes:

<li class="u">How<ul>

Hope that helps in some way.

Regards

[passingby]

Its quite handy and short. I definitely use it. Thank you!

[PMario]

Hi,

If you want to set things globally just create a new stylesheet tiddler with this content

ol li { list-style-type:upper-alpha; }
ol li li  { list-style-type:lower-alpha; }
ol li li li { list-style-type:upper-roman; }

Using with ordered lists

# test 

## asdf

### test

No extra chars needed. Especially if you need to change something later, you don't need to think about it, which class to use

have fun!

mario

[Mohammad]

Added to TW-Scripts.