Modal

Community Beginner ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

MODAL
when editing a page with modal, in live split view,
it's the same site  based on a bootsrap template which works well on DW 2017 , but when i tried on DW 2021 don't...
on my DW CC 2017 modal shows up
on DW CC 2021 modal don't show up
have you had this problem , is there a fix?

Views

127

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

My CSS and javiscript modal windows work fine in CC 2021.

Are you maybe in Design View, rather than Live View, in CC2021?

 

JonFritzII_0-1635357262096.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

Did you define your local site folder in DW 2021?

Did you preview in a real browser?

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

Can you upload the problem page to your remote server and post the URL here for us to see?

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

hi thank you for answering, i've attached a little clip of what is happening.
in a regular browser everything works fine.

 

the problem im  facing is in DW live view,
 the issue is...

when working in DW 2017, in live view, it is possible to open up the modal , edit  it  and preview the page with the modal poppin up,  all in the live view, without previewing in external browser

 

while in DW 2021  when editing the page with the modal in  live view, the modal don't show up, 

i hope the clip make it esier to understand!

 

im working on a site based on a template with bootsrap 3, the clip shows the original, unedited template,

which i repeat works pefectly in DW 2017,

i've triead also with other pages with modals using bootstrap 4  etc.., and  had the same problem

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

Sorry i was talking of DW 2018 ... not 2017

im adding another clip of the behaviour in dreamweaver 2018
as you can see the modal open in live view  mode

🙂

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

Ahh, I wasn't in 2021 either, sorry.

I can verify modal windows aren't work correctly in Live View under Windows 10 in CC 2021. I can get mine to flash up for a millisecond then disappear if I click repeatedly.

I can get them to work correctly when I go to View > Live View Options > Hide Live View Displays. Unfortunately, Live View Displays are the editing functionality of DW's Live View, so you still won't be able to modify your modals without temporarily modifying your css to make them visible.

Adding a style attribute directly to the <div> tag temporarily does the trick...

<div class="modal" style="display:block">

Like many versions after DW CC2015, DW CC2021 did not make it into my production environment.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

thank you,
well like this (Hide Live View Displays) at least modal is visible and can edit in source windows, just for the pages where i use modals, which are just a few..  this is ok 
i hope this issue it will be fixed in the future

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

It it's reproducible with Ctrl + Click from Live View, please file a bug report from your DW Help Menu where the product team will see it.  Or go to Dreamweaver on UserVoice.

https://dreamweaver.uservoice.com/

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 29, 2021 Oct 29, 2021

Copy link to clipboard

Copied

LATEST

thank you
Ctrl + Click from Live View  it's a good solution!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines