[TWC] Line breaks between consecutive sliders

[Robert Edwards]

I've searched but cannot find an answer to a little annoyance.  I'm using David Szego's dGSD and would like to have some lists hidden in sliders -- e.g. in a Projects dashboard have dormant and completed project lists collapsed.

{{col{
<<dGSDList title:'Someday/Maybe Projects'
    startTag:Project
    tags:'Someday/Maybe && !Complete'
    view:Project
    mode:global
    group:Area
    gView:bold
    newButtonTags:'Project Someday/Maybe'
    >>

<slider Completed Projects>
<<dGSDList title:'Completed Projects'
    startTag:Project
    tags:'Complete'
    view:Project mode:global
    dontShowEmpty:yes
    group:Area
    gView:bold
    >>
</slider>

<slider Dormant Projects>
<<dGSDList title:'Dormant Projects'
    startTag:Project
    tags:'Dormant && !Complete'
    view:Project mode:global
    group:Area
    gView:bold
    dontShowEmpty:yes
    >>
</slider>
}}}

What I find is that when the sliders are collapsed, the buttons are rendered on the same line. I would like to have them on separate lines. When the first button is expanded the second button appears below, on a separate line, but I have not yet stumbled on the syntax to force a line break between the two collapsed slider buttons.

Help greatly appreciated!

[Mat]

Perhaps just a html linebreak tag? Is it </br> or <br/> or some such?

<:-)

[Robert Edwards]

Thanks -- that's something I tried but it did not work. Sorry for not mentioning it in the original post!

[Robert Edwards]

No one?

Here's what I'm trying to fix:

I would prefer those two sliders to be on consecutive lines

Thanks!

[cmari]

Hi Robert,

Do you have the most recent version of dGSD? When I pasted your code in to a blank tiddler (removing all tags) in the empty file at http://thinkcreatesolve.biz/dGSD-empty.html

the sliders appeared on consecutive lines (not next to one another as in your screenshot). 

I do have a vague memory of running into this problem myself, and an equally vague memory that I may have dealt with it in a stylesheet. But I don't have easy access to my old dGSD-based TW anymore, so I'm not much use to you - sorry.

cmari

[Eric Shulman]

On Wednesday, January 13, 2016 at 11:27:17 AM UTC-8, Robert Edwards wrote:

I would prefer those two sliders to be on consecutive lines

 

Try this:

@@display:block;<<slider ...>>@@@@display:block;<<slider ...>>@@

i.e., use CSS to wrap each slider in it's own DIV:

enjoy,

-e

[Robert Edwards]

@cmari -- as far as I can recall, yes. It's on my work PC and I'm at home now but will verify.

@Eric -- thanks! I'll give that a try!

[Robert Edwards]

@cmari -- yes, on latest. It's a bit confusing b/c the "loaded" seems to be one rev older than the "empty". I could not recall which I started with. In mine I find that if I post the code snippet I posted above by itself like you I also get line breaks. However that's not the entire tiddler, rather it's the second of two columns. In the full tiddler they render side by side.

@Eric -- thanks! That puts them on separate lines. Having now seen them on consecutive lines I'd now like whitespace between them, i.e. another blank line. Seems to put me right back where I started, wanting a line break and not able to create it. Grrr! I tried inserting a <br> between the divs, inserting within the divs, putting in its own div, etc but haven't found a formula that works. I know, picky picky, picky.... Here's the current appearance:

Cheers!

[Tobias Beer]

I'd recommend using a

{{classWrapper{
content
}}}

and the appropriate styles in your StyleSheet tiddler.

Tobias

[Robert Edwards]

Thanks Tobias but you're stepping out of my realm of experience. Will need to consider this a bit....