Welcome to TalkGraphics.com
Results 1 to 9 of 9

Hybrid View

  1. #1
    Join Date
    Oct 2019
    Location
    Florida, United States
    Posts
    23

    Default Re: Links in popup layer

    Thank you for getting it posted. This isn't my first post, as I've asked questions before without any links. I know it's helpful to be able to see what's being discussed and post the associated Xara files since someone might be able to dig into my file to see what I am missing.

    Since I'm not a very advanced Xara user, I haven't been able to contribute much to other discussions to not be so "new."

    Regards,
    Kelly

  2. #2
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Links in popup layer

    The Popup in your reference example http://cultivateevent.org is sticky, animated (slides in from the right), sits off-page (so it stays to the right hand side of the browser) and has multiple links, close popup and links to another page.. There is some slick coding in that lot!

    You need two Xara work-arounds; one that allows sticky animated pop-ups and one that allows that popup to auto-load. Attached is a working example with some explanations that you can have a play with.

    Click image for larger version. 

Name:	Sticky Animation Popup Off Page Browser.jpg 
Views:	87 
Size:	51.1 KB 
ID:	126696

    You can use the approach across multiple variants, but for a mobile variant I would simply forget the popup and have the registration block always visible on the page.

    Have fun
    Attached Files Attached Files

  3. #3
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Links in popup layer

    Quote Originally Posted by Initiostar View Post
    The Popup in your reference example http://cultivateevent.org is sticky, animated (slides in from the right), sits off-page (so it stays to the right hand side of the browser) and has multiple links, close popup and links to another page.. There is some slick coding in that lot!

    You need two Xara work-arounds; one that allows sticky animated pop-ups and one that allows that popup to auto-load. Attached is a working example with some explanations that you can have a play with.

    Click image for larger version. 

Name:	Sticky Animation Popup Off Page Browser.jpg 
Views:	87 
Size:	51.1 KB 
ID:	126696

    You can use the approach across multiple variants, but for a mobile variant I would simply forget the popup and have the registration block always visible on the page.

    Have fun
    Should have said the key to making this work is to animate the popup objects with 'Slide in-from-right' (though Web Animation) BEFORE you copy from the MouseOff layer to the Popup Layer, and that Popup settings (in this case can be set to instant). Updated instructions.

    Click image for larger version. 

Name:	Animated Sticky Popup Instructions.jpg 
Views:	89 
Size:	90.7 KB 
ID:	126706
    Attached Files Attached Files

  4. #4
    Join Date
    Oct 2019
    Location
    Florida, United States
    Posts
    23

    Default Re: Links in popup layer

    I will give this a try. I wasn't even going for the slide in part yet, just trying to get both the link to the register page and the "link" for the close box to work first.

    Thank you so much. I appreciate your time.
    -Kelly

  5. #5
    Join Date
    Oct 2019
    Location
    Florida, United States
    Posts
    23

    Default Re: Links in popup layer

    Initiostar,

    Thank you so much for your step-by-step! I was able to get it to work.

    -Kelly

  6. #6
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,522

    Default Re: Links in popup layer

    So our friends across the pond were able to help.

  7. #7
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Thumbs up Re: Links in popup layer

    Kelly,

    Good news that it worked. Worth remembering the workarounds for future use.

    Gary

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •