New spoiler/accordion syntax

Site Updates forum

Posted on May 6, 2015, 8:13 p.m. by yeaGO

Hey look a spoiler!!!! Show

It was hidden now its not.
Nothing that interesting.


===spoiler:Hey look a spoiler!!!!

[[deck-large:haze-frog-spits-on-fools]]

===endspoiler

===accordion

===panel:Hey look I made a spoiler of stuff!

It was hidden now its not.

===endpanel

===panel:I wonder what's here when you click.

Nothing that interesting.

===endpanel

===endaccordion

Blind_Guardian says... #2

Finally

May 6, 2015 8:16 p.m.

Matsi883 says... #3

Bye-bye to overcomplicated JS or HTML that doesn't work everywhere.

Test:

Look what I got in the mail today! Show

May 6, 2015 8:22 p.m.

You just uncomplicated so much stuff I was trying to do for my Kiku, Night's Flower EDH primer. Thanks yeaGO.

May 6, 2015 8:24 p.m.

Jay says... #5

This... this is very good.

May 6, 2015 8:28 p.m.

IM SO FUCKING HARD RIGHT NOW

May 6, 2015 8:39 p.m.

klone13 says... #7

ummm....

May 6, 2015 8:41 p.m.

Is there some other syntax that I have to use to get the panels to show up? I'm trying it out on my deck and it's not showing up the way you have it, yeaGO.

May 6, 2015 8:42 p.m.

To be more specific, the initial panel shows up, but none of the other panels below it. They're all just clumped into a giant wall of text within the first panel.

May 6, 2015 8:46 p.m.

GoldGhost012 says... #10

Oh, this is cool.

May 6, 2015 8:57 p.m.

@canterlotguardian: Which deck?

May 6, 2015 8:57 p.m.


Taking It Back to the River (Kiku Primer) Playtest

Commander / EDH canterlotguardian

SCORE: 0 | 0 COMMENTS | 102 VIEWS

May 6, 2015 9:02 p.m.

You're typing ==endpanel instead of ===endpanel.

May 6, 2015 9:03 p.m.

@yeaGO: Can we expect to see a button for this in the RTE?

May 6, 2015 9:04 p.m.

Thank you for that, Epochalyptik. That was driving me insane.

May 6, 2015 9:04 p.m.

sirbar here's some coding that you can use :)

And this is great Yeago! Does this work on absolutely EVERYTHING?

May 6, 2015 9:33 p.m.

Caes says... #17

Wonderful! Super long descriptions are now a thing of the past, again!!

May 6, 2015 9:40 p.m.

InDirectX says... #18

I tried making a list with single line breaks here and it worked inside a spoiler. However, on my profile, it doesn't appear to be working.
My profile: InDirectX
What kind of list I'm talking about:
Scute Mob
Black Lotus
Mox Opal

May 6, 2015 10:02 p.m.

Try <p> tags.

Also, you don't need so many spaces to do breaks. Use three.

May 6, 2015 10:11 p.m.

miracleHat says... #20

Does this work? Show

May 6, 2015 10:18 p.m.

Prima says... #21

You can also use

< details >< summary > Whatever< /summary >

< details >

WhateverPsyche! That's the wrong numba'!

Just take out the spaces.

May 6, 2015 10:47 p.m.

Blizzicane says... #22

Prima - Except that doesn't work in Firefox and Internet Explorer (possible more). Too bad really because its my favorite spoiler type. Q_Q

But I love the addition of the spoilers from the update section, awesome update! X3

May 7, 2015 12:08 a.m.

ChiefBell says... #23

This is massively useful.

May 7, 2015 4:44 a.m.

hyperlocke says... #24

YESSSSS, accordions! I once spent an afternoon trying to get these to work on this site... Thanks!

really now,
are they?
May 7, 2015 6:56 a.m.

hyperlocke says... #25

can they be nested?

My first try (just do a new accordion inside a panel) didn't work.

May 7, 2015 7:01 a.m.

hyperlocke lol, thanks for the laugh.

May 7, 2015 7:06 a.m.

InDirectX says... #27

===endpanel

===endaccordion

May 7, 2015 7:33 a.m.

Sparda1127 says... #28

Is there any way we can center the text in the panels though? If so, my deck is being switched over to this ASAAAAAAP.

May 7, 2015 7:54 a.m.

hyperlocke says... #29

You can format the panel text with normal html tags, but you have to insert a space between the double colon and the first tag.

panel: < center >centered text< /center>

May 7, 2015 8:03 a.m.

hyperlocke says... #30

Ah man, I told you about the space and forgot it myself...

May 7, 2015 8:05 a.m.

Sparda1127 says... #31

It seems to mess up the formatting within the spoiler though.

May 7, 2015 8:20 a.m.

hyperlocke says... #32

  • grey list entry
some centered text

Seems to work?

May 7, 2015 9:32 a.m.

mpeach1 says... #33

Yea this is really solid. Way to go

May 7, 2015 9:42 a.m.

Sparda1127 says... #34

The problem is when I switch over from formatting in Guul Draz: The Art of Blood [Budget] to the new accordion formatting in the non-budgeted version (currently private, so can't link), it just creates a massive wall instead of the nicely formatted text.

May 7, 2015 9:54 a.m.

Sparda1127 says... #35

This will probably explain better than I can:

May 7, 2015 9:56 a.m.

hyperlocke says... #36

Ah, you want paragraphs? Yeah, automatic paragraphs (hit enter 2 times) don't seem to work. Use < p > and < /p > instead.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

May 7, 2015 10:20 a.m.

Sparda1127 says... #37

Alright, sweet! That fixed everything.

That's a ton of new formatting to put in, but it'll be worth it. :)

May 7, 2015 10:38 a.m.

Sparda1127 says... #38

My deck's page is SO BEAUTIFUL now. <3

May 7, 2015 10:59 a.m.

Char-You says... #39

So I went and edited my loam primer through with this new accordion panel such and such, and when I go to save it I get thopters. Too much for the site to handle maybe? I've got like 12 panels and 3 different instances of accordioning, I wouldn't think that that's too much to handle.

May 7, 2015 12:11 p.m.

ChiefBell says... #40

Oh, the format primer :(

FML.

May 7, 2015 12:17 p.m.

hyperlocke says... #41

Yo Dawg, I heard you like spoilers Show

May 7, 2015 12:23 p.m.

hyperlocke says... #42

So you can put accordions inside spoilers and vice versa. But you can't put spoilers inside spoilers/accordions inside accordions. You also can't put a spoiler inside an accordion inside a spoiler and so on. That is quite sad.

May 7, 2015 12:26 p.m.

Sparda1127 says... #43

Oh god, ChiefBell

RIP your life. It will be missed. <3

May 7, 2015 12:39 p.m.

klone13 says... #44

Lol...

May 7, 2015 12:40 p.m.

DerpyEfalant says... #45

Free Black Lotus! Show

May 8, 2015 1:18 a.m.

6tennis says... #46

Did I do it? Show

May 8, 2015 1:29 a.m.

6tennis says... #47

I dunno man.

May 8, 2015 1:30 a.m.

So I tried on a deck and it worked great, but now I can't get it to work on my binder.... What's up with that? Or what did I do wrong, more specifically.

Is the other html in my description screwing things up?

May 8, 2015 4:22 p.m.

Shouldn't be. Try again and let me know. I should be able to view your code.

May 8, 2015 4:59 p.m.

still isn't working

May 8, 2015 5:09 p.m.

This discussion has been closed