Html bulletpoints/lists

Universal Dashboard Universal Dashboard Help
1

Hi All,
Wondered if anyone else has come across this issue…
I want to put a bullet pointed list on my site using typical html (unless there’s another way):

new-udhtml -markup "
            <ul style='list-style-type:circle;'>
            <li>Item 1</li>
            <li>Item 2</li>
            </ul>
"

This works, but the bullet points don’t show at all. I’ve tried various styles and this doesn’t make any difference either.
I suppose I could use New-UDCollection, however it was more of a styling choice and simplicity of code.

Thanks,
Tom

2

Ud-element

3

Tried the following but the same issue occurs (no bullet points showing)

New-UDElement -Tag ul -Content {
                New-UDElement -Tag li -Content {"test1"}
                New-UDElement -Tag li -Content {"test2"}
  }

Or is that not what you mean? am I missing something?

Also if this is relevant, I’m using the default theme in UD, no customization.

4

I may be wrong on this, but it seems to me like the ul/li tags are overwritten by what happens with the side nav. I, too, have tried to get li working, but have been unsuccessful. Whenever I have looked at it, it seems like the CSS is coming from the side navigation.

5

Seems like something is coming from materialize CSS that is getting rid of the bullets. Try this:

New-UDElement -Tag ul -Attribute @{ @{ style = @{ 'listStyleType' = 'circle !important' } } } -Content {
                New-UDElement -Tag li -Content {"test1"}
                New-UDElement -Tag li -Content {"test2"}
  }
6

MaterializeCss :angry::rage::face_with_symbols_over_mouth:

7

Tried your suggestion adam but this is still the same, no bullets :see_no_evil:

For now I think I’ll save the hassle and use udcollection or just hyphens :slight_smile:
I’ve logged an issue for this: