Detail widget q: change arrows to bullets?

[David Gifford]

Hi all, especially Thomas,

I was digging through the detail widget js tiddler and the css tiddler and did not see where to change the arrows in the detail summary to bullet points. Is there a way to do this?

Dave

[Thomas Elmiger]

Hi Dave

No, I am afraid it is not possible to change that.

The reason is: it is the browser

[Thomas Elmiger]

… well, that was just a half answer – sorry!

What I wanted to say: I leave the styling of the symbol up to the browser (I did NOT choose the arrow, but the standard is good enough for me). So If there is a way, it is via CSS you could and should style the look of the HTML details tag.

A quick search led me to this not very new article: http://blog.teamtreehouse.com/use-details-summary-elements

Hope, that helps, let us know if you find a way!

Cheers,
Thomas

[David Gifford]

oh, okay, I will look into it, thanks.

Follow up question: do you know if there is a way to add a class to text within the summary text? 

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/UVN5FSUD_p4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/04796f45-86f1-45cc-8d77-54fcff714fcb%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

David Gifford
Christian Reformed World Missions, Mexico City

[David Gifford]

Never mind, I will just use the regular details html, which is more flexible than your widget,

[PMario]

On Thursday, March 9, 2017 at 2:28:17 PM UTC+1, David Gifford wrote:

Follow up question: do you know if there is a way to add a class to text within the summary text? 

Have a look at the link: http://blog.teamtreehouse.com/use-details-summary-elements Scroll down to : Styling Details and Summary Elements with CSS

-m

[David Gifford]

Thanks Mario! Same link Thomas sent me. I should have finished reading it before asking the follow up q

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/UVN5FSUD_p4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b9b5556b-389f-4cf5-9b11-c78426d07247%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[PMario]

On Thursday, March 9, 2017 at 2:55:00 PM UTC+1, David Gifford wrote:

Thanks Mario! Same link Thomas sent me. I should have finished reading it before asking the follow up q

Yea, I did copy it over. I thought it would be faster, to find :)
-m

[Thomas Elmiger]

As a parameter to my widget you can specify a class that will be added to the details tag (see https://tid.li/tw5/plugins.html#DetailsWidget) as in my documentation widget:

<$details summary="Browser Support: Not Implemented in Edge yet" class="warning">

So you can target the summary using CSS like this

details.warning summary {
    background-color: #ffe4df;
}

I hope you use the latest version of my plugin, it comes with a readme that links to the documentation.

[David Gifford]

Thanks Thomas! Blessings

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/UVN5FSUD_p4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/307e786e-e662-42e4-a9bd-86aa670bf1e2%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.