Hi everyone. Is there any way i can dim the page while a popup layer is open?
Thanks in advance for any tips.
Hi everyone. Is there any way i can dim the page while a popup layer is open?
Thanks in advance for any tips.
Hi Andre, place a black rectangle on the pop-up layer behind the other pop-up content & apply a part transparency.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Egg, I appreciate that will work and can be extended for lots of pop-up layers with different fades and reveals, unique to each layer. I am also assuming that "background / dim the page" implies the fading of all items not on the layer.
My approach places the fade onto one layer that is invoked through the popup: syntax:
- Create a Layer called Dimming just above MouseOver
- Create your dim shape, larger than the design page so that if you Scale to Fit Width, the bottom doesn't just end abruptly
- Give your shape you use to achieve the dimming effect a Name of dim
- Remove clip to page edges
- For each layer, use popup: for a control somewhere to close all layers, inclusing Dimming, and open the required layer, here four in total called One, Two, Three & Four:
- dim - popup: close "Dimming", "One", "Two", "Three", "Four"
(Use for any other closing object on any layer above Dimming or Sticky object)- Control 1 - popup: close "Dimming", "One", "Two", "Three", "Four" open "Dimming", "One"
- Control 2 - popup: close "Dimming", "One", "Two", "Three", "Four" open "Dimming", "Two"
- Control 3 - popup: close "Dimming", "One", "Two", "Three", "Four" open "Dimming", "Three"
- Control 4 - popup: close "Dimming", "One", "Two", "Three", "Four" open "Dimming", "Four"
- Add embellishments:
- Reveal Animation on dim - e.g., Light Speed In
- Linear Transparency
- Simple linear Fill
- Controls set as Sticky so always on top
- Close symbol
My design: Xara - Fade Background under Layers.xar
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Yes Andre make it full width & height. You could use a textured background if you wish.
EDIT: Cross posting here Acorn
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Egg, for yours, I suggest you also make the fade wide and tall enough to cover the pasteboard extend. Most Lightbox solutions do just that. If you do you need to untick Clip to page edges.
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Thank you very much for your effort and your time Acorn and Egg. Both solutions look very interesting. I am going to play with both and see which one apply to my case.
Thanks again
Bookmarks