Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Standing tall on the shoulders of others.

You have taken things to a new height.  Pat yerself on the back for job 
well done!

On Saturday, August 20, 2022 at 2:00:42 AM UTC-3 arunn...@gmail.com wrote:

> ```
> TiddlyTweeter:
> The main thing for me is your approach uses the screen space well!
> ```
> Actually it not my creation. Charlie Veniot is the original author of 
> these modal related  experiments. I just tweaked them for my own uses.
>
>
> On Sat, 20 Aug 2022, 10:07 TiddlyTweeter,  wrote:
>
>> arunn...@gmail.com wrote: ... https://demowiki.tiddlyhost.com/ I have 
>> added another view toolbar button to open a modal which doesn't have an 
>> edit mode. Is this what you were telling about? 
>>
>> Exactly that! 
>>
>> Thankyou very much for taking the time to do that on my request!
>>
>> It is very useful to see practical tweaking of modals. 
>> The main thing for me is your approach uses the screen space well!
>>
>> Best wishes
>> TT
>>
>> -- 
>>
> 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/LvOFqpe9H4Y/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to 
>> tiddlywiki+...@googlegroups.com.
>>
> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/tiddlywiki/b68948f1-e67a-4134-a288-0a4f9e039f6cn%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/3948b768-42c9-4c9d-8f5f-493c435f5fe8n%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

arunn...@gmail.com wrote: "Actually it not my creation. Charlie Veniot is 
the original author of these modal related  experiments. I just tweaked 
them for my own uses." 

Thanks to Charlie too! I kinda knew that, but you did a lot of work 
extending it.

Anyway thanks to both of you!
TT

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ec18d3bb-f6a3-4c23-a1ad-5fe0078843abn%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

```
TiddlyTweeter:
The main thing for me is your approach uses the screen space well!
```
Actually it not my creation. Charlie Veniot is the original author of these
modal related  experiments. I just tweaked them for my own uses.


On Sat, 20 Aug 2022, 10:07 TiddlyTweeter,  wrote:

> arunn...@gmail.com wrote: ... https://demowiki.tiddlyhost.com/ I have
> added another view toolbar button to open a modal which doesn't have an
> edit mode. Is this what you were telling about?
>
> Exactly that!
>
> Thankyou very much for taking the time to do that on my request!
>
> It is very useful to see practical tweaking of modals.
> The main thing for me is your approach uses the screen space well!
>
> Best wishes
> TT
>
> --
> 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/LvOFqpe9H4Y/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/b68948f1-e67a-4134-a288-0a4f9e039f6cn%40googlegroups.com
> 
> .
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CABSowt2G2Ho_3MP2%3D%3DPy5n1kqOC8wX6zTdKWZ1EDfGcO9FoE7Q%40mail.gmail.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

arunn...@gmail.com wrote: ... https://demowiki.tiddlyhost.com/ I have added 
another view toolbar button to open a modal which doesn't have an edit 
mode. Is this what you were telling about? 

Exactly that! 

Thankyou very much for taking the time to do that on my request!

It is very useful to see practical tweaking of modals. 
The main thing for me is your approach uses the screen space well!

Best wishes
TT

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b68948f1-e67a-4134-a288-0a4f9e039f6cn%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

```
TiddlyTweeter: 
I can't see how you'd display normal Tiddlers with it.
It seems to only work in edit mode?
```

https://demowiki.tiddlyhost.com/

I have added another view toolbar button to open a modal which doesn't have 
an edit mode. Is this what you were telling about? Or may be I didnt 
understand what you were trying to explain.
On Wednesday, August 17, 2022 at 7:36:52 PM UTC+5:30 TiddlyTweeter wrote:

> arunn...@gmail.com / @arunnbabu81 
>  wrote: *That would be easy to 
> do I guess...just have to remove the edit text area from the table. I will 
> try when I am back homebut what is the need of using modal to view the 
> tiddler? *
>
> Very useful for, for instance, documentation. 
> They are superior to popups in that you can house within one an entire 
> eco-system of information.
>
> TT
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/0c538ccb-fe1a-4ffd-a565-05dd4762575bn%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

arunn...@gmail.com / @arunnbabu81 
 wrote: *That would be easy to 
do I guess...just have to remove the edit text area from the table. I will 
try when I am back homebut what is the need of using modal to view the 
tiddler? *

Very useful for, for instance, documentation. 
They are superior to popups in that you can house within one an entire 
eco-system of information.

TT

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/82dc93e7-a357-4bae-b6ec-ffc6fb70e4f7n%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

That would be easy to do I guess...just have to remove the edit text area
from the table. I will try when I am back homebut what is the need of
using modal to view the tiddler?



On Wed, 17 Aug 2022, 19:17 TiddlyTweeter,  wrote:

> arunn...@gmail.com / @arunnbabu81
>  wrote: *What do you mean by
> tiddlers not meant for editing ?*
>
>  I can't see how you'd display normal Tiddlers with it.
>
> It seems to only work in edit mode?
>
> I hope this is clearer!
>
> TT
>
> --
> 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/LvOFqpe9H4Y/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/39356a84-d0e3-4d43-8da8-89dc50297de8n%40googlegroups.com
> 
> .
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CABSowt2drW2j9BvTaGit%3DmnjzAZVhX41_wKdq3j3ygkkSk%2BRqw%40mail.gmail.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

arunn...@gmail.com / @arunnbabu81 
 wrote: *What do you mean by 
tiddlers not meant for editing ?*

 I can't see how you'd display normal Tiddlers with it.

It seems to only work in edit mode?

I hope this is clearer!

TT 

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/39356a84-d0e3-4d43-8da8-89dc50297de8n%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

TT

What do you mean by tiddlers not meant for editing ?

On Wed, 17 Aug 2022, 18:14 TiddlyTweeter,  wrote:

> @arunnbabu81:  Click on the alternative edit button on the view toolbar of
> the tiddler
>
> Thanks! I see it now! Neat.
>
> How do I use it for Tiddlers that are not for editing?
>
> TT
>
> --
> 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/LvOFqpe9H4Y/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/0bb4fa5d-6f5d-42ac-8d38-79334753cd2en%40googlegroups.com
> 
> .
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CABSowt2QO%3D5hGsKiaJMpitF%3DNu2OwVS3fHPfKA1QUkdEHiqf1A%40mail.gmail.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

@arunnbabu81:  Click on the alternative edit button on the view toolbar of 
the tiddler

Thanks! I see it now! Neat.

How do I use it for Tiddlers that are not for editing?

TT

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/0bb4fa5d-6f5d-42ac-8d38-79334753cd2en%40googlegroups.com.

Re: [tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Click on the alternative edit button on the view toolbar of the tiddler

On Wed, 17 Aug 2022, 17:08 TiddlyTweeter,  wrote:

> arunn...@gmail.com / @arunnbabu81
> 
>
> has a link to a demo of modal tweaks?? https://demowiki.tiddlyhost.com
>
> I visited but can't see how to test your modal approach?
>
> Best, TT
>
>
> --
> 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/LvOFqpe9H4Y/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/5b5da51f-3f09-4fc8-931c-a2594d126ef5n%40googlegroups.com
> 
> .
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CABSowt0%2Bz_pHaeinxL-0UakiFcF1xN6SwBgHJZm0XhHECXvELA%40mail.gmail.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[TiddlyTweeter]

arunn...@gmail.com / @arunnbabu81 


has a link to a demo of modal tweaks?? https://demowiki.tiddlyhost.com

I visited but can't see how to test your modal approach?

Best, TT


-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/5b5da51f-3f09-4fc8-931c-a2594d126ef5n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

https://demowiki.tiddlyhost.com/

Sorry. I forgot to link the demo wiki. If you find time, please look into 
this - if not now, at a later time. I am not in a hurry.

On Wednesday, August 17, 2022 at 2:41:17 AM UTC+5:30 cj.v...@gmail.com 
wrote:

> Hello,
>
> It sounds like you are making all kinds of progress.
>
> I have not looked at any of this stuff since May, and I am much too busy 
> with things that are way too interesting to put aside.
>
> I'd suggest you take TiddlyWiki's empty.html, add to it just the parts you 
> are tying to get working the way you would like, and see if anybody over at 
> Talk.TiddlyWiki can help out.
>
> The things you are wanting, I'm sure they can all be done with the right 
> kind of CSS, HTML, and TiddlyWiki widgets.
>
> For example, editor and preview side-by-side panel's, each thing needs to 
> be in a div, and those two div's set to be side-by-side.  The preview's div 
> will have a "display: hidden" style when a "show preview" check box widget 
> is not checked.
>
> Something like that.
>
> Edit text widget with tag=textarea, it will automatically grow in height, 
> I think, when needed.  If it isn't doing that, just get rid of any related 
> CSS that is impacting the height of it.
>
> On Tuesday, August 16, 2022 at 5:32:00 PM UTC-3 arunn...@gmail.com wrote:
>
>> Hi Charlie,
>>
>> I have been using many of your solutions in my wiki - mostly the modals. 
>> I modified your BASIC Dialect Form to create a modal with a table showing 
>> edit text area on one side and preview mode on other side. And using a view 
>> toolbar button, I use this modal to edit my tiddlers on the go  (I have 
>> named it as alternate editor in the demo wiki). The problem I encounter is 
>> that the height of the edit text area and preview remain the same 
>> irrespective of the amount of text in the tiddler. Even if the tiddler 
>> contains only few sentences, the edit text area and preview extend beyond 
>> the lower margin of the modal and I have to scroll to see the tiddler 
>> fields which lies at the bottom of the modal. This is because i have set 
>> the height of the table row to 90vH. Is there any way to modify the CSS 
>> such that the height of edit text area and preview changes depending on the 
>> amount of content in the tiddler.
>>
>> Also is there a way to show only the edit text area initially and when 
>> needed use a radio button or select widget to show the edit text area and 
>> preview side by side? 
>>
>> Thank you 
>> Arun
>> On Sunday, May 15, 2022 at 11:53:57 PM UTC+5:30 cj.v...@gmail.com wrote:
>>
>>> That is very good stuff !   (Good exploring/experimentation.)
>>>
>>> Thanks for sharing !
>>>
>>> On Sunday, May 15, 2022 at 3:16:25 PM UTC-3 arunn...@gmail.com wrote:
>>>
 Hi Charlie,

 I removed *width:94vw;left:3vw;height:94vh;top:3vh *

 from the code given below

 *.tc-modal 
 {width:94vw;left:3vw;height:94vh;top:3vh;resize:both;overflow:auto;}* 


 Now the modal is centered and resizable.

 Arun
 On Sunday, May 15, 2022 at 2:17:08 AM UTC+5:30 cj.v...@gmail.com wrote:

> Oh boy, that I don't know how to do.   I suggest you do the tiddler in 
> an open window thing instead of modal.  That's really easy.
>
> On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com 
> wrote:
>
>> Hi Charlie,
>>
>> I tried to resize the modal by dragging the margin.
>> I also tried to reduce the 94vh to a lesser value for the width and 
>> height.
>> On both occasions, the modal was aligned to the left of the screen.
>> Is there any way to make the modal align to the the center on 
>> resizing by both methods.
>> I tried adding *margin:auto; align-content:center; *to the code
>> But it was not working.
>>
>>
>> Also is there a way to close the modal by clicking anywhere outside 
>> the modal window (instead of reaching for and clicking the close button 
>> within the modal)
>>
>> Arun
>>
>> On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:
>>
>>> Hi Charlie,
>>>
>>> I meant resizing only (resizing by dragging at the margins of the 
>>> modal). Sorry for creating the confusion.  
>>> Your above solution works for me. Thank you.
>>> The word *drag and resize* I took from the link I shared above.
>>>
>>> Arun
>>>
>>> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com 
>>> wrote:
>>>
 I think drag requires javascript:  
 https://www.w3schools.com/howto/howto_js_draggable.asp

 Yuck.  I don't do TiddlyWiki things with javascript.

 To do that kind of stuff, I would switch from using a modal to 
 using WidgetMessage: tm-open-window 
 

 A modal is meant to do something there and only there until done.  
 Op

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Hello,

It sounds like you are making all kinds of progress.

I have not looked at any of this stuff since May, and I am much too busy 
with things that are way too interesting to put aside.

I'd suggest you take TiddlyWiki's empty.html, add to it just the parts you 
are tying to get working the way you would like, and see if anybody over at 
Talk.TiddlyWiki can help out.

The things you are wanting, I'm sure they can all be done with the right 
kind of CSS, HTML, and TiddlyWiki widgets.

For example, editor and preview side-by-side panel's, each thing needs to 
be in a div, and those two div's set to be side-by-side.  The preview's div 
will have a "display: hidden" style when a "show preview" check box widget 
is not checked.

Something like that.

Edit text widget with tag=textarea, it will automatically grow in height, I 
think, when needed.  If it isn't doing that, just get rid of any related 
CSS that is impacting the height of it.

On Tuesday, August 16, 2022 at 5:32:00 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> I have been using many of your solutions in my wiki - mostly the modals. I 
> modified your BASIC Dialect Form to create a modal with a table showing 
> edit text area on one side and preview mode on other side. And using a view 
> toolbar button, I use this modal to edit my tiddlers on the go  (I have 
> named it as alternate editor in the demo wiki). The problem I encounter is 
> that the height of the edit text area and preview remain the same 
> irrespective of the amount of text in the tiddler. Even if the tiddler 
> contains only few sentences, the edit text area and preview extend beyond 
> the lower margin of the modal and I have to scroll to see the tiddler 
> fields which lies at the bottom of the modal. This is because i have set 
> the height of the table row to 90vH. Is there any way to modify the CSS 
> such that the height of edit text area and preview changes depending on the 
> amount of content in the tiddler.
>
> Also is there a way to show only the edit text area initially and when 
> needed use a radio button or select widget to show the edit text area and 
> preview side by side? 
>
> Thank you 
> Arun
> On Sunday, May 15, 2022 at 11:53:57 PM UTC+5:30 cj.v...@gmail.com wrote:
>
>> That is very good stuff !   (Good exploring/experimentation.)
>>
>> Thanks for sharing !
>>
>> On Sunday, May 15, 2022 at 3:16:25 PM UTC-3 arunn...@gmail.com wrote:
>>
>>> Hi Charlie,
>>>
>>> I removed *width:94vw;left:3vw;height:94vh;top:3vh *
>>>
>>> from the code given below
>>>
>>> *.tc-modal 
>>> {width:94vw;left:3vw;height:94vh;top:3vh;resize:both;overflow:auto;}* 
>>>
>>>
>>> Now the modal is centered and resizable.
>>>
>>> Arun
>>> On Sunday, May 15, 2022 at 2:17:08 AM UTC+5:30 cj.v...@gmail.com wrote:
>>>
 Oh boy, that I don't know how to do.   I suggest you do the tiddler in 
 an open window thing instead of modal.  That's really easy.

 On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> I tried to resize the modal by dragging the margin.
> I also tried to reduce the 94vh to a lesser value for the width and 
> height.
> On both occasions, the modal was aligned to the left of the screen.
> Is there any way to make the modal align to the the center on resizing 
> by both methods.
> I tried adding *margin:auto; align-content:center; *to the code
> But it was not working.
>
>
> Also is there a way to close the modal by clicking anywhere outside 
> the modal window (instead of reaching for and clicking the close button 
> within the modal)
>
> Arun
>
> On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:
>
>> Hi Charlie,
>>
>> I meant resizing only (resizing by dragging at the margins of the 
>> modal). Sorry for creating the confusion.  
>> Your above solution works for me. Thank you.
>> The word *drag and resize* I took from the link I shared above.
>>
>> Arun
>>
>> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com 
>> wrote:
>>
>>> I think drag requires javascript:  
>>> https://www.w3schools.com/howto/howto_js_draggable.asp
>>>
>>> Yuck.  I don't do TiddlyWiki things with javascript.
>>>
>>> To do that kind of stuff, I would switch from using a modal to using 
>>> WidgetMessage: 
>>> tm-open-window 
>>> 
>>>
>>> A modal is meant to do something there and only there until done.  
>>> Opening up tiddlers in their own windows, that allows for 
>>> multi-tasking/viewing.
>>>
>>>
>>> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>>>
 drag I don't know how to do.

 resize, yes:   ``` .tc-modal 
 {width:94vw;left:3vw;height:94vh;top:3vh;
 *resize:both;overflow:auto;*} ```

>>

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Hi Charlie,

I have been using many of your solutions in my wiki - mostly the modals. I 
modified your BASIC Dialect Form to create a modal with a table showing 
edit text area on one side and preview mode on other side. And using a view 
toolbar button, I use this modal to edit my tiddlers on the go  (I have 
named it as alternate editor in the demo wiki). The problem I encounter is 
that the height of the edit text area and preview remain the same 
irrespective of the amount of text in the tiddler. Even if the tiddler 
contains only few sentences, the edit text area and preview extend beyond 
the lower margin of the modal and I have to scroll to see the tiddler 
fields which lies at the bottom of the modal. This is because i have set 
the height of the table row to 90vH. Is there any way to modify the CSS 
such that the height of edit text area and preview changes depending on the 
amount of content in the tiddler.

Also is there a way to show only the edit text area initially and when 
needed use a radio button or select widget to show the edit text area and 
preview side by side? 

Thank you 
Arun
On Sunday, May 15, 2022 at 11:53:57 PM UTC+5:30 cj.v...@gmail.com wrote:

> That is very good stuff !   (Good exploring/experimentation.)
>
> Thanks for sharing !
>
> On Sunday, May 15, 2022 at 3:16:25 PM UTC-3 arunn...@gmail.com wrote:
>
>> Hi Charlie,
>>
>> I removed *width:94vw;left:3vw;height:94vh;top:3vh *
>>
>> from the code given below
>>
>> *.tc-modal 
>> {width:94vw;left:3vw;height:94vh;top:3vh;resize:both;overflow:auto;}* 
>>
>>
>> Now the modal is centered and resizable.
>>
>> Arun
>> On Sunday, May 15, 2022 at 2:17:08 AM UTC+5:30 cj.v...@gmail.com wrote:
>>
>>> Oh boy, that I don't know how to do.   I suggest you do the tiddler in 
>>> an open window thing instead of modal.  That's really easy.
>>>
>>> On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com wrote:
>>>
 Hi Charlie,

 I tried to resize the modal by dragging the margin.
 I also tried to reduce the 94vh to a lesser value for the width and 
 height.
 On both occasions, the modal was aligned to the left of the screen.
 Is there any way to make the modal align to the the center on resizing 
 by both methods.
 I tried adding *margin:auto; align-content:center; *to the code
 But it was not working.


 Also is there a way to close the modal by clicking anywhere outside the 
 modal window (instead of reaching for and clicking the close button within 
 the modal)

 Arun

 On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:

> Hi Charlie,
>
> I meant resizing only (resizing by dragging at the margins of the 
> modal). Sorry for creating the confusion.  
> Your above solution works for me. Thank you.
> The word *drag and resize* I took from the link I shared above.
>
> Arun
>
> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com 
> wrote:
>
>> I think drag requires javascript:  
>> https://www.w3schools.com/howto/howto_js_draggable.asp
>>
>> Yuck.  I don't do TiddlyWiki things with javascript.
>>
>> To do that kind of stuff, I would switch from using a modal to using 
>> WidgetMessage: 
>> tm-open-window 
>> 
>>
>> A modal is meant to do something there and only there until done.  
>> Opening up tiddlers in their own windows, that allows for 
>> multi-tasking/viewing.
>>
>>
>> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>>
>>> drag I don't know how to do.
>>>
>>> resize, yes:   ``` .tc-modal 
>>> {width:94vw;left:3vw;height:94vh;top:3vh;
>>> *resize:both;overflow:auto;*} ```
>>>
>>> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com 
>>> wrote:
>>>
 Hi Charlie,

 Is drag and resize  possible 
 for modals?

 Arun
 On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
 wrote:

> I should not watch the news and post at the same time.
>
> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>
>> Yeah, CSS does not easy to me come together.
>>
>> Now I have what I want.  Attached.
>>
>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>
>>> Oops, width works A-1, but height adjustment doesn't.  So 
>>> part-way to where I want to be.
>>>
>>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot 
>>> wrote:
>>>
 I'm pretty sure I'm going to be adding the attached tiddler to 
 all my TiddlyWiki instances.

 I make heavy use of modals, and I want them all to be wid

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

That is very good stuff !   (Good exploring/experimentation.)

Thanks for sharing !

On Sunday, May 15, 2022 at 3:16:25 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> I removed *width:94vw;left:3vw;height:94vh;top:3vh *
>
> from the code given below
>
> *.tc-modal 
> {width:94vw;left:3vw;height:94vh;top:3vh;resize:both;overflow:auto;}* 
>
>
> Now the modal is centered and resizable.
>
> Arun
> On Sunday, May 15, 2022 at 2:17:08 AM UTC+5:30 cj.v...@gmail.com wrote:
>
>> Oh boy, that I don't know how to do.   I suggest you do the tiddler in an 
>> open window thing instead of modal.  That's really easy.
>>
>> On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com wrote:
>>
>>> Hi Charlie,
>>>
>>> I tried to resize the modal by dragging the margin.
>>> I also tried to reduce the 94vh to a lesser value for the width and 
>>> height.
>>> On both occasions, the modal was aligned to the left of the screen.
>>> Is there any way to make the modal align to the the center on resizing 
>>> by both methods.
>>> I tried adding *margin:auto; align-content:center; *to the code
>>> But it was not working.
>>>
>>>
>>> Also is there a way to close the modal by clicking anywhere outside the 
>>> modal window (instead of reaching for and clicking the close button within 
>>> the modal)
>>>
>>> Arun
>>>
>>> On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:
>>>
 Hi Charlie,

 I meant resizing only (resizing by dragging at the margins of the 
 modal). Sorry for creating the confusion.  
 Your above solution works for me. Thank you.
 The word *drag and resize* I took from the link I shared above.

 Arun

 On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:

> I think drag requires javascript:  
> https://www.w3schools.com/howto/howto_js_draggable.asp
>
> Yuck.  I don't do TiddlyWiki things with javascript.
>
> To do that kind of stuff, I would switch from using a modal to using 
> WidgetMessage: 
> tm-open-window 
> 
>
> A modal is meant to do something there and only there until done.  
> Opening up tiddlers in their own windows, that allows for 
> multi-tasking/viewing.
>
>
> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>
>> drag I don't know how to do.
>>
>> resize, yes:   ``` .tc-modal 
>> {width:94vw;left:3vw;height:94vh;top:3vh;*resize:both;overflow:auto;*} 
>> ```
>>
>> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com 
>> wrote:
>>
>>> Hi Charlie,
>>>
>>> Is drag and resize  possible 
>>> for modals?
>>>
>>> Arun
>>> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
>>> wrote:
>>>
 I should not watch the news and post at the same time.

 On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:

> Yeah, CSS does not easy to me come together.
>
> Now I have what I want.  Attached.
>
> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>
>> Oops, width works A-1, but height adjustment doesn't.  So 
>> part-way to where I want to be.
>>
>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>
>>> I'm pretty sure I'm going to be adding the attached tiddler to 
>>> all my TiddlyWiki instances.
>>>
>>> I make heavy use of modals, and I want them all to be width:80% 
>>> and max-height:80%.
>>>
>>> Well, unless/until I find a reason not to.
>>>
>>> Download the attached JSON file and drag into any TiddlyWiki 
>>> (TiddlyWiki.com !) to see and adjust.
>>>
>>>
>>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/85f915d1-c733-4855-8eed-129a386ecff0n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Hi Charlie,

I removed *width:94vw;left:3vw;height:94vh;top:3vh *

from the code given below

*.tc-modal 
{width:94vw;left:3vw;height:94vh;top:3vh;resize:both;overflow:auto;}* 


Now the modal is centered and resizable.

Arun
On Sunday, May 15, 2022 at 2:17:08 AM UTC+5:30 cj.v...@gmail.com wrote:

> Oh boy, that I don't know how to do.   I suggest you do the tiddler in an 
> open window thing instead of modal.  That's really easy.
>
> On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com wrote:
>
>> Hi Charlie,
>>
>> I tried to resize the modal by dragging the margin.
>> I also tried to reduce the 94vh to a lesser value for the width and 
>> height.
>> On both occasions, the modal was aligned to the left of the screen.
>> Is there any way to make the modal align to the the center on resizing by 
>> both methods.
>> I tried adding *margin:auto; align-content:center; *to the code
>> But it was not working.
>>
>>
>> Also is there a way to close the modal by clicking anywhere outside the 
>> modal window (instead of reaching for and clicking the close button within 
>> the modal)
>>
>> Arun
>>
>> On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:
>>
>>> Hi Charlie,
>>>
>>> I meant resizing only (resizing by dragging at the margins of the 
>>> modal). Sorry for creating the confusion.  
>>> Your above solution works for me. Thank you.
>>> The word *drag and resize* I took from the link I shared above.
>>>
>>> Arun
>>>
>>> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:
>>>
 I think drag requires javascript:  
 https://www.w3schools.com/howto/howto_js_draggable.asp

 Yuck.  I don't do TiddlyWiki things with javascript.

 To do that kind of stuff, I would switch from using a modal to using 
 WidgetMessage: 
 tm-open-window 
 

 A modal is meant to do something there and only there until done.  
 Opening up tiddlers in their own windows, that allows for 
 multi-tasking/viewing.


 On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:

> drag I don't know how to do.
>
> resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
> *resize:both;overflow:auto;*} ```
>
> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com 
> wrote:
>
>> Hi Charlie,
>>
>> Is drag and resize  possible 
>> for modals?
>>
>> Arun
>> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
>> wrote:
>>
>>> I should not watch the news and post at the same time.
>>>
>>> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>>>
 Yeah, CSS does not easy to me come together.

 Now I have what I want.  Attached.

 On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:

> Oops, width works A-1, but height adjustment doesn't.  So part-way 
> to where I want to be.
>
> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>
>> I'm pretty sure I'm going to be adding the attached tiddler to 
>> all my TiddlyWiki instances.
>>
>> I make heavy use of modals, and I want them all to be width:80% 
>> and max-height:80%.
>>
>> Well, unless/until I find a reason not to.
>>
>> Download the attached JSON file and drag into any TiddlyWiki 
>> (TiddlyWiki.com !) to see and adjust.
>>
>>
>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/59941139-ba72-407f-b427-190d22555756n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Oh boy, that I don't know how to do.   I suggest you do the tiddler in an 
open window thing instead of modal.  That's really easy.

On Saturday, May 14, 2022 at 5:22:12 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> I tried to resize the modal by dragging the margin.
> I also tried to reduce the 94vh to a lesser value for the width and height.
> On both occasions, the modal was aligned to the left of the screen.
> Is there any way to make the modal align to the the center on resizing by 
> both methods.
> I tried adding *margin:auto; align-content:center; *to the code
> But it was not working.
>
>
> Also is there a way to close the modal by clicking anywhere outside the 
> modal window (instead of reaching for and clicking the close button within 
> the modal)
>
> Arun
>
> On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:
>
>> Hi Charlie,
>>
>> I meant resizing only (resizing by dragging at the margins of the modal). 
>> Sorry for creating the confusion.  
>> Your above solution works for me. Thank you.
>> The word *drag and resize* I took from the link I shared above.
>>
>> Arun
>>
>> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:
>>
>>> I think drag requires javascript:  
>>> https://www.w3schools.com/howto/howto_js_draggable.asp
>>>
>>> Yuck.  I don't do TiddlyWiki things with javascript.
>>>
>>> To do that kind of stuff, I would switch from using a modal to using 
>>> WidgetMessage: 
>>> tm-open-window 
>>>
>>> A modal is meant to do something there and only there until done.  
>>> Opening up tiddlers in their own windows, that allows for 
>>> multi-tasking/viewing.
>>>
>>>
>>> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>>>
 drag I don't know how to do.

 resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
 *resize:both;overflow:auto;*} ```

 On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> Is drag and resize  possible for 
> modals?
>
> Arun
> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
> wrote:
>
>> I should not watch the news and post at the same time.
>>
>> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>>
>>> Yeah, CSS does not easy to me come together.
>>>
>>> Now I have what I want.  Attached.
>>>
>>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>>
 Oops, width works A-1, but height adjustment doesn't.  So part-way 
 to where I want to be.

 On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:

> I'm pretty sure I'm going to be adding the attached tiddler to all 
> my TiddlyWiki instances.
>
> I make heavy use of modals, and I want them all to be width:80% 
> and max-height:80%.
>
> Well, unless/until I find a reason not to.
>
> Download the attached JSON file and drag into any TiddlyWiki 
> (TiddlyWiki.com !) to see and adjust.
>
>
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/eb716922-cf33-4e45-80c0-5e82258ab9b3n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Yeah, that is for a sample that allows resizing a modal and also dragging a 
modal around to place it wherever one wants.  Easy to get confused.

No worries.

On Saturday, May 14, 2022 at 5:03:54 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> I meant resizing only (resizing by dragging at the margins of the modal). 
> Sorry for creating the confusion.  
> Your above solution works for me. Thank you.
> The word *drag and resize* I took from the link I shared above.
>
> Arun
>
> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:
>
>> I think drag requires javascript:  
>> https://www.w3schools.com/howto/howto_js_draggable.asp
>>
>> Yuck.  I don't do TiddlyWiki things with javascript.
>>
>> To do that kind of stuff, I would switch from using a modal to using 
>> WidgetMessage: 
>> tm-open-window 
>>
>> A modal is meant to do something there and only there until done.  
>> Opening up tiddlers in their own windows, that allows for 
>> multi-tasking/viewing.
>>
>>
>> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>>
>>> drag I don't know how to do.
>>>
>>> resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
>>> *resize:both;overflow:auto;*} ```
>>>
>>> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:
>>>
 Hi Charlie,

 Is drag and resize  possible for 
 modals?

 Arun
 On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
 wrote:

> I should not watch the news and post at the same time.
>
> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>
>> Yeah, CSS does not easy to me come together.
>>
>> Now I have what I want.  Attached.
>>
>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>
>>> Oops, width works A-1, but height adjustment doesn't.  So part-way 
>>> to where I want to be.
>>>
>>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>>
 I'm pretty sure I'm going to be adding the attached tiddler to all 
 my TiddlyWiki instances.

 I make heavy use of modals, and I want them all to be width:80% and 
 max-height:80%.

 Well, unless/until I find a reason not to.

 Download the attached JSON file and drag into any TiddlyWiki 
 (TiddlyWiki.com !) to see and adjust.




-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ccafb115-b256-4c72-9d58-94bc3a8c8170n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Hi Charlie,

I tried to resize the modal by dragging the margin.
I also tried to reduce the 94vh to a lesser value for the width and height.
On both occasions, the modal was aligned to the left of the screen.
Is there any way to make the modal align to the the center on resizing by 
both methods.
I tried adding *margin:auto; align-content:center; *to the code
But it was not working.


Also is there a way to close the modal by clicking anywhere outside the 
modal window (instead of reaching for and clicking the close button within 
the modal)

Arun

On Sunday, May 15, 2022 at 1:33:54 AM UTC+5:30 arun babu wrote:

> Hi Charlie,
>
> I meant resizing only (resizing by dragging at the margins of the modal). 
> Sorry for creating the confusion.  
> Your above solution works for me. Thank you.
> The word *drag and resize* I took from the link I shared above.
>
> Arun
>
> On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:
>
>> I think drag requires javascript:  
>> https://www.w3schools.com/howto/howto_js_draggable.asp
>>
>> Yuck.  I don't do TiddlyWiki things with javascript.
>>
>> To do that kind of stuff, I would switch from using a modal to using 
>> WidgetMessage: 
>> tm-open-window 
>>
>> A modal is meant to do something there and only there until done.  
>> Opening up tiddlers in their own windows, that allows for 
>> multi-tasking/viewing.
>>
>>
>> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>>
>>> drag I don't know how to do.
>>>
>>> resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
>>> *resize:both;overflow:auto;*} ```
>>>
>>> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:
>>>
 Hi Charlie,

 Is drag and resize  possible for 
 modals?

 Arun
 On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
 wrote:

> I should not watch the news and post at the same time.
>
> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>
>> Yeah, CSS does not easy to me come together.
>>
>> Now I have what I want.  Attached.
>>
>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>
>>> Oops, width works A-1, but height adjustment doesn't.  So part-way 
>>> to where I want to be.
>>>
>>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>>
 I'm pretty sure I'm going to be adding the attached tiddler to all 
 my TiddlyWiki instances.

 I make heavy use of modals, and I want them all to be width:80% and 
 max-height:80%.

 Well, unless/until I find a reason not to.

 Download the attached JSON file and drag into any TiddlyWiki 
 (TiddlyWiki.com !) to see and adjust.




-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/32a25ee2-cb8a-403a-abbb-8603ac5603fdn%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Hi Charlie,

I meant resizing only (resizing by dragging at the margins of the modal). 
Sorry for creating the confusion.  
Your above solution works for me. Thank you.
The word *drag and resize* I took from the link I shared above.

Arun

On Sunday, May 15, 2022 at 1:22:09 AM UTC+5:30 cj.v...@gmail.com wrote:

> I think drag requires javascript:  
> https://www.w3schools.com/howto/howto_js_draggable.asp
>
> Yuck.  I don't do TiddlyWiki things with javascript.
>
> To do that kind of stuff, I would switch from using a modal to using 
> WidgetMessage: 
> tm-open-window 
>
> A modal is meant to do something there and only there until done.  Opening 
> up tiddlers in their own windows, that allows for multi-tasking/viewing.
>
>
> On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:
>
>> drag I don't know how to do.
>>
>> resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
>> *resize:both;overflow:auto;*} ```
>>
>> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:
>>
>>> Hi Charlie,
>>>
>>> Is drag and resize  possible for 
>>> modals?
>>>
>>> Arun
>>> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
>>> wrote:
>>>
 I should not watch the news and post at the same time.

 On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:

> Yeah, CSS does not easy to me come together.
>
> Now I have what I want.  Attached.
>
> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>
>> Oops, width works A-1, but height adjustment doesn't.  So part-way to 
>> where I want to be.
>>
>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>
>>> I'm pretty sure I'm going to be adding the attached tiddler to all 
>>> my TiddlyWiki instances.
>>>
>>> I make heavy use of modals, and I want them all to be width:80% and 
>>> max-height:80%.
>>>
>>> Well, unless/until I find a reason not to.
>>>
>>> Download the attached JSON file and drag into any TiddlyWiki 
>>> (TiddlyWiki.com !) to see and adjust.
>>>
>>>
>>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/3d8b5a37-823f-4534-b8b9-181e0fc11e58n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

I think drag requires javascript:  
https://www.w3schools.com/howto/howto_js_draggable.asp

Yuck.  I don't do TiddlyWiki things with javascript.

To do that kind of stuff, I would switch from using a modal to using 
WidgetMessage: 
tm-open-window 

A modal is meant to do something there and only there until done.  Opening 
up tiddlers in their own windows, that allows for multi-tasking/viewing.


On Saturday, May 14, 2022 at 4:46:58 PM UTC-3 Charlie Veniot wrote:

> drag I don't know how to do.
>
> resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
> *resize:both;overflow:auto;*} ```
>
> On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:
>
>> Hi Charlie,
>>
>> Is drag and resize  possible for 
>> modals?
>>
>> Arun
>> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com 
>> wrote:
>>
>>> I should not watch the news and post at the same time.
>>>
>>> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>>>
 Yeah, CSS does not easy to me come together.

 Now I have what I want.  Attached.

 On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:

> Oops, width works A-1, but height adjustment doesn't.  So part-way to 
> where I want to be.
>
> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>
>> I'm pretty sure I'm going to be adding the attached tiddler to all my 
>> TiddlyWiki instances.
>>
>> I make heavy use of modals, and I want them all to be width:80% and 
>> max-height:80%.
>>
>> Well, unless/until I find a reason not to.
>>
>> Download the attached JSON file and drag into any TiddlyWiki 
>> (TiddlyWiki.com !) to see and adjust.
>>
>>
>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/d01f246c-006a-459a-86e4-2af67b3230b0n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

drag I don't know how to do.

resize, yes:   ``` .tc-modal {width:94vw;left:3vw;height:94vh;top:3vh;
*resize:both;overflow:auto;*} ```

On Saturday, May 14, 2022 at 4:30:03 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie,
>
> Is drag and resize  possible for 
> modals?
>
> Arun
> On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com wrote:
>
>> I should not watch the news and post at the same time.
>>
>> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>>
>>> Yeah, CSS does not easy to me come together.
>>>
>>> Now I have what I want.  Attached.
>>>
>>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>>
 Oops, width works A-1, but height adjustment doesn't.  So part-way to 
 where I want to be.

 On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:

> I'm pretty sure I'm going to be adding the attached tiddler to all my 
> TiddlyWiki instances.
>
> I make heavy use of modals, and I want them all to be width:80% and 
> max-height:80%.
>
> Well, unless/until I find a reason not to.
>
> Download the attached JSON file and drag into any TiddlyWiki 
> (TiddlyWiki.com !) to see and adjust.
>
>
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/2a4df508-c78b-4d06-9f4c-71066c85347an%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[arun babu]

Hi Charlie,

Is drag and resize  possible for 
modals?

Arun
On Saturday, May 14, 2022 at 10:11:10 AM UTC+5:30 cj.v...@gmail.com wrote:

> I should not watch the news and post at the same time.
>
> On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:
>
>> Yeah, CSS does not easy to me come together.
>>
>> Now I have what I want.  Attached.
>>
>> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>>
>>> Oops, width works A-1, but height adjustment doesn't.  So part-way to 
>>> where I want to be.
>>>
>>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>>
 I'm pretty sure I'm going to be adding the attached tiddler to all my 
 TiddlyWiki instances.

 I make heavy use of modals, and I want them all to be width:80% and 
 max-height:80%.

 Well, unless/until I find a reason not to.

 Download the attached JSON file and drag into any TiddlyWiki 
 (TiddlyWiki.com !) to see and adjust.




-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/1c768774-bd17-41a7-a345-87be86526a3bn%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

I should not watch the news and post at the same time.

On Saturday, May 14, 2022 at 1:40:18 AM UTC-3 Charlie Veniot wrote:

> Yeah, CSS does not easy to me come together.
>
> Now I have what I want.  Attached.
>
> On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:
>
>> Oops, width works A-1, but height adjustment doesn't.  So part-way to 
>> where I want to be.
>>
>> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>>
>>> I'm pretty sure I'm going to be adding the attached tiddler to all my 
>>> TiddlyWiki instances.
>>>
>>> I make heavy use of modals, and I want them all to be width:80% and 
>>> max-height:80%.
>>>
>>> Well, unless/until I find a reason not to.
>>>
>>> Download the attached JSON file and drag into any TiddlyWiki 
>>> (TiddlyWiki.com !) to see and adjust.
>>>
>>>
>>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/095d0e5f-75d4-4764-a5e6-c5468b9c798fn%40googlegroups.com.


Modal CSS.json
Description: application/json

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Yeah, CSS does not easy to me come together.

Now I have what I want.  Attached.

On Friday, May 13, 2022 at 11:06:06 PM UTC-3 Charlie Veniot wrote:

> Oops, width works A-1, but height adjustment doesn't.  So part-way to 
> where I want to be.
>
> On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:
>
>> I'm pretty sure I'm going to be adding the attached tiddler to all my 
>> TiddlyWiki instances.
>>
>> I make heavy use of modals, and I want them all to be width:80% and 
>> max-height:80%.
>>
>> Well, unless/until I find a reason not to.
>>
>> Download the attached JSON file and drag into any TiddlyWiki 
>> (TiddlyWiki.com !) to see and adjust.
>>
>>
>>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/7b0fa5aa-31d3-4530-9b4b-e786964a4456n%40googlegroups.com.

[tw5] Re: Easy/simple CSS tiddler to adjust modal size/position

[Charlie Veniot]

Oops, width works A-1, but height adjustment doesn't.  So part-way to where 
I want to be.

On Friday, May 13, 2022 at 10:45:49 PM UTC-3 Charlie Veniot wrote:

> I'm pretty sure I'm going to be adding the attached tiddler to all my 
> TiddlyWiki instances.
>
> I make heavy use of modals, and I want them all to be width:80% and 
> max-height:80%.
>
> Well, unless/until I find a reason not to.
>
> Download the attached JSON file and drag into any TiddlyWiki 
> (TiddlyWiki.com !) to see and adjust.
>
>
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ea660aa4-663b-406f-a88e-66571a176f6cn%40googlegroups.com.