Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Nov 2009
    Posts
    14

    Default Changing Z-Index of individual elements without coding

    Is it possible to change the z-index of page elements without coding?

    I am trying to create a nav bar that is on the bottom of the page, when you scroll it stickies to the top, along with the links.

    As you scroll further, different page elements overlap the background of the nav element, with the text staying on top.

    I have tweaked the position settings to the very top, but same old same old

    Any help would be greatly appreciated!

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,743

    Default Re: Changing Z-Index of individual elements without coding

    Quote Originally Posted by ace2go View Post
    Is it possible to change the z-index of page elements without coding?
    I am trying to create a nav bar that is on the bottom of the page, when you scroll it stickies to the top, along with the links.
    As you scroll further, different page elements overlap the background of the nav element, with the text staying on top.
    I have tweaked the position settings to the very top, but same old same old
    Any help would be greatly appreciated!
    ace, I cannot reproduce your difficulty.
    Just to be clear, all objects are on MouseOff/MouseOver layer?
    Did you select the NavBar and Bring to Front? In the Page & Layer gallery, the NavBar object is the top-most one.
    If you select everything but the NavBar and put them to the back, this might help as the NavBar is a soft-group across two layers.

    A demonstration design file should be uploaded here.

    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

  3. #3
    Join Date
    Nov 2009
    Posts
    14

    Default Re: Changing Z-Index of individual elements without coding

    Access to trouble .xar file :
    teamentertainer.com/NewEntertainer.xar

    1. All objects are in mouseoff layer
    2. Navbar is brought to front, all items besides navbar are sent to back

    Thanks for any help provided!
    Steven

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,743

    Default Re: Changing Z-Index of individual elements without coding

    Quote Originally Posted by ace2go View Post
    Access to trouble .xar file :
    teamentertainer.com/NewEntertainer.xar

    1. All objects are in mouseoff layer
    2. Navbar is brought to front, all items besides navbar are sent to back
    Thanks for any help provided!
    Steven
    Steven, untick the Stretch properties (Don't Stretch) of the NavBar
    You can then place the objects so they roll up behind the NavBar.

    Acorn
    Last edited by Acorn; 04 October 2018 at 10:35 PM. Reason: Got OP's forename wrong!
    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

  5. #5
    Join Date
    Nov 2009
    Posts
    14

    Default Re: Changing Z-Index of individual elements without coding

    What if I want the navbar to stretch and be responsive to the users interface (iphone, ipad, various pcs, etc)?

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,743

    Default Re: Changing Z-Index of individual elements without coding

    Quote Originally Posted by ace2go View Post
    What if I want the navbar to stretch and be responsive to the users interface (iphone, ipad, various pcs, etc)?
    Xara doesn't do responsive site, it does Variants and each Variant would have a NavBar to suit.

    If that is not suitable then you will have to use CSS to alter the z-index.

    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

  7. #7
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Changing Z-Index of individual elements without coding

    I can't access that xar file, can you Acorn?
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,743

    Default Re: Changing Z-Index of individual elements without coding

    Quote Originally Posted by Egg Bramhill View Post
    I can't access that xar file, can you Acorn?
    Egg, prepend "www." and it downloads 17MB.

    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

  9. #9
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Changing Z-Index of individual elements without coding

    Cheers Acorn, unknowingly I'd downloaded it 5 times

    ace2go, here's the best I can do. Would be better with a plain dark background. You can't get a navbar to stretch.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

 

 

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
  •