Page 1 of 1
modal layer niet modal
Posted: Sat Mar 30, 2019 9:35 pm
by Jorus
Op een pagina waar ik veel objecten/layers etc heb uitgezet blijft er 1 object/shape aan, daarbovenop voeg ik een Modal Layer toe waarbij de achtergrond donker wordt. De Modal Layer staat in de 'Move to Front' order. Echter wanneer ik dit F5/preview dan staat de Modal Layer achter de het object/shape. Wanneer ik Ctrl A/alles selecteer en in een nieuwe pagina alles plak en opnieuw F5/preview dan wordt de Modal Layer wel zoals hoort bovenop het andere object weergegeven. Moet ik nu die eerste pagina helemaal opnieuw in elkaar zetten? Want het lijkt dat daar iets misgaat.. waar moet ik het zoeken?
Re: modal layer niet modal
Posted: Sun Mar 31, 2019 7:29 am
by Pablo
Om je hierbij te kunnen helpen heb ik het project bestand nodig.
Zie ook:
viewtopic.php?f=10&t=82134
Re: modal layer niet modal
Posted: Mon May 20, 2019 2:30 pm
by Jorus
Hier vast de url van de website zelf, valt hier al iets uit op te maken?
https://url verwijderd..
(de grote vierkant/shape hoort bij de Modal layer maar wordt niet voorop weergegeven)
Als ik 'select all' doe en de inhoud op een nieuwe pagina plak, dan geeft ie de Modal Layer wel goed weer..
Re: modal layer niet modal
Posted: Mon May 20, 2019 2:57 pm
by Pablo
Ik kan add de HTML code niet zien wat je gedaan hebt, daarvoor heb ik het project bestand nodig.
Re: modal layer niet modal
Posted: Tue May 21, 2019 10:44 am
by Jorus
Ik heb het werkbestand via de mail gedeeld. Ik begrijp dat het hierdoor iets langer duurt voordat ernaar gekeken wordt maar prefereer het zo. Bvd mee te kijken.
Re: modal layer niet modal
Posted: Tue May 21, 2019 12:00 pm
by Pablo
Bedankt voor het sturen van het project.
Het probleem wordt veroorzaakt door de grote hoeveelheid (geneste) layers die je hebt gebrukt.
De bootstap modal heeft een z-index van 1050 dus als er meer objecten op de pagina staan dan kan deze niet correct worden weergeven.
Mijn advies:
- ik zie geen goede reden waarom je geneste layers gebruikt. Dit maakt de layout onnodig gecompliceerd. Layers zijn niet bedoeld om op deze manier te worden gebruikt.
- de opties 'relative resizing' hebben in dit geval geen zin. Dit voegt alleen maar extra HTML code toe en kan overwachte bijwerkingen hebben
- formulieren mogen niet in een layer worden geplaatst. Gebruik in plaats daarvan de 'enable form' optie van de layer zelf.
Re: modal layer niet modal
Posted: Tue May 21, 2019 2:30 pm
by Jorus
Dank voor de reactie.
Ik heb de vele layers gebruikt omdat ik voor iedere Layer een aparte Event wilde toepassen. Achteraf gezien had ik wellicht beter met Merged Object kunnen werken. Ik heb alle 'Relative' eigenschappen van alle layers verwijderd. En van de Modal Layer heb ik Enable Form toegepast. Het probleem blijft echter bestaan.
De bootstap modal heeft een z-index van 1050 dus als er meer objecten op de pagina staan dan kan deze niet correct worden weergeven.
Ofwel 1050 is teveel(?) Ik wist niet dat er een grens was.. Het probleem bestaat enkel met het toepassen van een Modal Layer. Wanneer ik de Modal Layer instelling vervang voor een andere type Layer, werkt het goed.
Re: modal layer niet modal
Posted: Tue May 21, 2019 3:24 pm
by Pablo
Deze beperking geldt alleen voor Bootstrap modal.
Je kunt eventueel deze code proberen:
Code: Select all
<style>
#aamodalz.modal
{
z-index: 9999 !important;
}
</style>
Re: modal layer niet modal
Posted: Wed May 22, 2019 10:44 am
by Jorus
De gouden code. Het werkt! Dank!