Need help from "muuritest" (Simon) - idea for image gallery

[Dave Gifford - http://www.giffmex.org/]

Hi Simon

I have an idea for an image gallery for TiddlyWiki that requires removing the borders, tags, title, viewtoolbar, and subtitles from the tiddlers, so that the image fills the entire tiddler. Here is a taste of that http://giffmex.org/experiments/gallery.experiment2.html where I simply added my images and a few system tiddlers to your muritest file.

Now to my question: I would also like to hide the tiddler titles, but doing so messes with the viewtoolbar icons. Sometimes the icons show, sometimes they do not. Any idea how I could force the toolbar to stay visible to the right of the tiddler, while hiding the tiddler title? Also, some tiddlers overlap those icons. Also, the sidebar keeps opening up on startup. Any fixes?

Blessings

Dave

[BurningTreeC]

Hi David,

cool to see you working with tiddlytouch!

the css for the toolbar is in $:/plugins/BTC/tiddly-touch/macros

it's the vertical-toolbar-yesno macro

play with the top and right values to position it

you could add a z-index: high-value; to have it above the images

I tried on your page, and this works for me:

.tc-tiddler-view-frame .tc-tiddler-controls {

    width: 1.8em;

    right: -20px;

    position: fixed;

    top: 0px;

z-index: 1200;

}

--> have you seen that in the leftbar there's a button to hide titles? the blue state hides the titles, the green state hides titles and tags

--> for the sidebar opening on startup: if you save the wiki with the sidebar closed then it will also be closed at startup --> hint: bottomleft saving button

let me know if it works,

Simon

[David Gifford]

Thanks Simon! It might be a few days.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

On Mon, Jan 8, 2018 at 2:45 AM, BurningTreeC <hypnotize...@gmail.com> wrote:

Hi David,

cool to see you working with tiddlytouch!

the css for the toolbar is in $:/plugins/BTC/tiddly-touch/macros

it's the vertical-toolbar-yesno macro

play with the top and right values to position it

you could add a z-index: high-value; to have it above the images

let me know if it works,

Simon

Am Montag, 8. Januar 2018 04:11:16 UTC+1 schrieb Dave Gifford - http://www.giffmex.org/:

Hi Simon

I have an idea for an image gallery for TiddlyWiki that requires removing the borders, tags, title, viewtoolbar, and subtitles from the tiddlers, so that the image fills the entire tiddler. Here is a taste of that http://giffmex.org/experiments/gallery.experiment2.html where I simply added my images and a few system tiddlers to your muritest file.

Now to my question: I would also like to hide the tiddler titles, but doing so messes with the viewtoolbar icons. Sometimes the icons show, sometimes they do not. Any idea how I could force the toolbar to stay visible to the right of the tiddler, while hiding the tiddler title? Also, some tiddlers overlap those icons. Also, the sidebar keeps opening up on startup. Any fixes?

Blessings

Dave

--
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/hj2DWIAkBP8/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/e28f9090-938e-4030-9e14-b3c15982970b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Birthe C]

Hi SImon and David,

Wow Simon! Daves example looks great with your changes. Amazing to see how fast it all works, toggling columns. And on my old slow computer.

Birthe

[BurningTreeC]

Hi SImon and David,

Wow Simon! Daves example looks great with your changes. Amazing to see how fast it all works, toggling columns. And on my old slow computer.

Birthe

yeah, it looks really great! I like the 3d inside the tiles, and everything is very responsive. It works on the new TiddlyDesktop, too and I've experienced that it's not that resource-hungry

Simon

[BurningTreeC]

I've seen that fullscreen behaves bad on those streetviews. I've had that with youtube videos in fullscreen and it's because muuri moves tiles around in the background.

doesn't happen for the first tiddler in the story.

I'll note that, maybe there's a simple fix

best wishes,

Simon

[BurningTreeC]

I've seen that you're removing titles from tiddlers and that's a bad thing for muuri because it recognizes tiddlers through their titles.

it works when they're hidden. that's why I made the hide titles button. It's there in the leftbar, the eye

Simon

[Dave Gifford - http://www.giffmex.org/]

Hi Simon and Berthe

Check it out now in black

http://giffmex.org/experiments/gallery.experiment2.html

Simon: I didn't remove title fields, I just untagged core/ui/viewtemplate/title so they are not visible.

[Birthe C]

Hi Dave,

I deleted your change to core/ui/viewtemplate/title and used the eye. The tiddler controls are better positioned that way. The black background really makes the images stand out. Using the eye also makes it easier and faster if you have to edit something.

Birthe

[Birthe C]

Hi Simon,

In fullscreen moving the cursor everything is jumping around on the screen. I have had problems with fullscreen in some other tiddlywikies also.

Birthe

[David Gifford]

Hi Simon and Birthe

okay, okay, I used the eye instead. Changed.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

--
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/hj2DWIAkBP8/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/444a6c38-72c6-4e3b-9362-fff771bfd1e4%40googlegroups.com.

[BurningTreeC]

Check it out now in black

very cool, perfect to showcase the content! this rocker theme though has no color defined for the sidebar transparency mod I made.

How do you like this theme: http://j.d.simplemobile.tiddlyspot.com/#%24%3A%2Fjd%2Fpalette%2FC8Dark 

http://giffmex.org/experiments/gallery.experiment2.html

Simon: I didn't remove title fields, I just untagged core/ui/viewtemplate/title so they are not visible.

I was thinking that you did something like that, and users should be allowed to do so. I just have to change how muuri detects the tiddler titles.

[BurningTreeC]

thanks Birthe,

that's a glitch I want to address soon

[David Gifford]

Hi Simon

I modified background and page background and renamed your palette so it would be black. I really didn't want the contrast between the page background and tiddler background. Blessings.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

--
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/hj2DWIAkBP8/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/33acb581-e5a8-4539-989a-4aa9d1a02ccb%40googlegroups.com.

[BurningTreeC]

Hello David, I like it a lot, good work!

I've made the necessary changes so that you can remove tiddler titles without problems,

coming with v0.0.14, the next days

all the best,

Simon

[@TiddlyTweeter]

Ciao David & Simon

Couple of quick points.

1 - In an earlier demo for me Simon showed a way to click on a image to display a MODAL. I think that could fit Dave's use case, especially for the Google live images. Foregrounding images & live maps increases utility at minimal overhead.

2 - Muuri is brilliant. I think that its flexibility lends itself well to all sorts of web apps. Maybe it could integrate some kind of "HIDER TOOLS" so that when you publish to web irrelevant parts of the interface are hidden? Looking at Dave's example I think live on web you could well lose the menus on individual items to improve the look a lot.

Best wishes
Josiah

[BurningTreeC]

@TiddlyTweeter,

that's an easy thing to do.

you want that Button? see the demo page in 5 minutes ... or so

[Dave Gifford - http://www.giffmex.org/]

How might I tease out the toggling columns function from the touch functions and the tiddler opacity and triddlers, which are all unnecessary for my image gallery? What I only actually need from the muuri touch file is displaying in columns and toggling the number of columns and the way the sidebar pops out as it does over the images is important too. Muuri is really cool but is already quite a big file. It would be good to create smaller packages of the various features...