Hi Måns,
On Saturday, April 26, 2014 7:14:44 PM UTC+2, Måns wrote: > > Hi Ton > > Thank you very much for taking your time to answer my question :-)... > > I guess I have to make invisible buttons with no text and a svg image > (assigned to a special tw-class to be able to toggle a button's visibility. > I think so, e.g. the full screen button at http://tiddlywiki.com/ (Features): <$button message="tw-full-screen">full screen support</$button> Instead of a "standard" button you can replace the text "full screen support" by an svg icon e.g. $:/_images/full-screen-button with a class that you can use later for hiding the button. You have to add the class "btn-invisible" to suppress the "standard" button: <$button message="tw-full-screen" class="btn-invisible">{{$:/_images/full-screen-button}}</$button> That way I use it in http://tw5toolbar.tiddlyspot.com/ Cheers, Ton > > I thought it might be possible (in tw5) to create a custom hidethis class > which could be used to hide anything wrapped inside it - eg. using your > brilliant toggle visibility/publish feature... > > Do you know what the logic behind the svg.-prefix for the tw-button > classes is? > Because svg images are used, I think. I just copied the code from the ReadOnly theme. Cheers, Ton > > Cheers Måns Mårtensson > > > Den lørdag den 26. april 2014 17.29.19 UTC+2 skrev Ton Gerner: >> >> Hi Måns, >> >> On Saturday, April 26, 2014 12:57:32 PM UTC+2, Måns wrote: >>> >>> Hi Ton >>> >>> I love your toggle read-only solution!!. >>> >> >> Glad you like it. >> >> I am in the process of upgrading my guides to 5.0.10-beta; a lot of work >> since so many things changed. >> I started with the read-only guide since it was the easiest one (no extra >> menus and/or buttons) *and *i wanted to simplify it. >> And there was also the question in this post ;-) >> >> >>> I was wondering if it is possible to create a global class which could >>> be used to hide individual elements in read-only mode. >>> (I'd like to hide individually selected tabs from the right menu and >>> textpassages from individual tiddlers...) >>> >>> (Sth. like "hide-if-read-only-class"??) >>> >>> For text it is easy to hide it. >> >> Define a class: >> >> .hide { >> display: none; >> } >> >> Text to hide has to be surrounded with the 'hide' style: >> >> @@.hide >> Text to hide >> @@ >> >> At the moment I don't know how to hide tabs. I have to think about that. >> >> If somebody else has a solution ... >> >> I'm struggling to find a way to hide skeeve's (Stephan Hradek's) new >>> tiddler button when toggling your $:/_publish checkbox. >>> >>> Would you know how to do this? >>> >>> Here's my "class inclusion list" (the last one doesn't work. It should >>> refer to Hradek's .tw-newtiddler-button class ): >>> >>> @@display:none; >>> svg.tw-image-new-button, svg.tw-image-options-button, >>> svg.tw-image-save-button, svg.tw-image-edit-button, >>> svg.tw-image-delete-button, svg.tw-image-cancel-button, >>> svg.tw-image-done-button, svg.tw-journal-button, svg.tw-crypt-button, >>> svg.tw-image-close-others-button, svg.tw-crypt-publish-button, >>> svg.tw-image-home-button, button.tw-newtiddler-button { >>> display: none; >>> } >>> @@ >>> >> >> Sorry Måns, I have no idea; I did not experiment with Stephan's >> newtiddler. I saw Dave Gifford also had problems, see [1] (How to add CSS >> to Skeeve's newtiddler button) >> Maybe Birthe C's solution (given in [1]) works. >> >> Or can you use my 'New template tiddler' button in [2] ? >> >> Cheers, >> >> Ton >> >> [1] https://groups.google.com/d/msg/tiddlywiki/7-_RBjoZh04/ZnuOOvEMVVMJ >> [2] http://tw5toolbar.tiddlyspot.com/ >> >> >>> Cheers Måns Mårtensson >>> >>> Den torsdag den 24. april 2014 17.56.13 UTC+2 skrev Ton Gerner: >>>> >>>> Hi PJO, >>>> >>>> I just finished upgrading my 'TW5 read-only demo' [1] and/or [2]. >>>> >>>> It is a simplified version without using the ReadOnly theme and the >>>> Sidebar is not automatically hidden. >>>> >>>> Have fun. >>>> >>>> Ton >>>> >>>> [1] http://tongerner.tiddlyspot.com/ >>>> [2] http://tw5readonly.tiddlyspot.com/ >>>> >>>> >>>> On Tuesday, April 22, 2014 6:25:07 AM UTC+2, PJO wrote: >>>>> >>>>> I'm also using Windows 7 64 bit. The button disappears (as does the >>>>> settings/control panel button) and others move. However, there's no >>>>> cursor >>>>> change -- and believe me I've looked for it. >>>>> >>>>> Will try another computer & browser. My first concern was to know if >>>>> I'd missed a step. >>>>> >>>>> Thanks >>>>> PJO >>>>> >>>>> On Tuesday, April 22, 2014 2:42:43 AM UTC+1, Birthe C wrote: >>>>>> >>>>>> Hi PJO >>>>>> The ReadOnly demo works for me using Firefox 28 and Chrome 34.0.1847.116 >>>>>> m. The buttons get invisible, but moving the cursor to where the buttons >>>>>> used to be, changes the cursor, so you know you are at the right place, >>>>>> to >>>>>> save your changes. >>>>>> >>>>>> Birthe >>>>>> >>>>>> Den mandag den 21. april 2014 21.21.37 UTC+2 skrev PJO: >>>>>>> >>>>>>> Same thing when I download the demo at [1]. selecting the ReadOnly >>>>>>> theme causes the left save button to disappear. I'm using Firefox 28.0. >>>>>>> >>>>>>> Same result when Firefox is restarted in safe mode with all plugins >>>>>>> disabled. Same result with Chrome 34.0.1847.116 m. >>>>>>> >>>>>>> With the ReadOnly theme the highlighting of the "?" icon on the top >>>>>>> menu happens when the cursor is an icon to the right of it. >>>>>>> >>>>>>> The guide contains some useful information on other buttons and >>>>>>> options but a Quickstart ReadOnly step-by-step HowTo would be good -- >>>>>>> the >>>>>>> minimum to do this and nothing else. >>>>>>> >>>>>>> Many thanks, >>>>>>> PJO >>>>>>> >>>>>> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
