flexbox in TW

[Mohammad]

Is there any reference using flexbox for TW?

I like to use it for making cards and crad decks lin TW?

Before starting I would appreciate if you share with me your experiences / references if any ?

-Mohammad 

[Thomas Elmiger]

Hi Mohammad

I made a card experiment a while ago, you can find it here: https://tid.li/tw5/test/flippy.html

It uses only a little bit of flex ...

Cheers,

Thomas

[TonyM]

Mohammad

I played with the info here with some sucess in tiddlywiki https://www.w3schools.com/css/css3_flexbox.asp
Regards
Tony

[Mohammad]

Thank you Thomas!

 Do you recommend using it in TW?

I want to use this css feature for creating cards! and making tiddler body with several columns of contents.

Mohammad

[Mohammad]

Hello Tony!

 Thank you for the links! How was your experiences using flexbox?

I am not sure if TW itself uses or recommend flex box?

Cheers 

Mohammad

[FrD]

Hi,

You could type "flex" in advanced search in a TW (ont the site or in an empty one), then search in "$:/themes/tiddlywiki/vanilla/base" for the same word and see where it"s used.

Regards

FrD

[Mohammad]

Okay FrD,

 Lets see how TW uses flexbox! 

vanila theme!

Cheers

Mohammad

[TonyM]

Mohammad et al

I am fairly sure flexbox not specificaly used in tiddlywiki but html works nativly out of the box in most cases where you do not need javascript, but as far as I can see css has little or no limitations in tiddlywiki than cant be solved with a tiddler tagged as a stylesheet.

I think flexbox is a css only solution so should work within the constraints of the page or within tiddlers.

Regards
Tony

[Jeremy Ruston]

Hi Tony

On 26 Aug 2018, at 01:00, TonyM <anthony...@gmail.com> wrote:

flexbox not specificaly used in tiddlywiki

Indeed, flexbox was not widely supported by browsers when TW5 started. The one thing that the core uses it for is constructing vertical tabs.

Best wishes

Jeremy

[Mohammad]

Tony thanks!

If so, I think flexbox  can give us a great flexibity in theme design and also the tiddlers themselves.

Best

Mohammad

[Mohammad]

Hello Jeremy!

Based on your reply, I understand there is no reason to not use flexbox in TW5.

I would like to refer to http://solar-flair.tiddlyspot.com/ a great example of using

flexbox to create a story river in two columns in TW5. 

Thanks to Rustem!

Note: Click on the icon next to save button to switch between two layouts (single column and double columns story river!)

Best

Mohammad

[FrD]

Hi Mohammad ,

Thanks for the link ! very interesting.

Regards

FrD

[Mohammad]

Hello FrD!

 Take a look at https://groups.google.com/d/msg/tiddlywiki/lVRs1qfXEsc/vS_mo36e_vMJ if you need more customization like having the tiddlers in same height and width in both column.

Mohammad