Skip to main content
UX Technologist
Participant
Apr 15, 2020 10:12 PM UTC
Answered

How to hide element in default state and show in other state in XD?

Hi folks.

 

I'm trying to create a header component in default (logged in) and logged out state.

 

I managed easily to hide the user avatar in the derived (logged out) state.

 

But I don't manage to have a log-in link displayed only in the derived state. When I repeat the same as for the avatar (that is 1) selecting default state 2) selecting the element 3) pressing delete), the element is gone in both states.

 

I also tried changing opacity to 0 in the default state, and setting it to 1 in the derived state, but when I change back to default state, it keeps opacity 1.

 

Is this a bug for now? It's definitely not what I would expect (at least the opacity issue). Or am I missing something. Is there another way to achieve what I wanna do?

 

Adding a rectangle that covers that link, which is hidden in the derived state would probably work, but seems like quite a clumsy work-around.

 

Thanks!

 

<The Title was renamed by moderator>

This topic is closed to new replies. Start a new post to keep the conversation going.
Sjaani
SjaaniCorrect answer
Community Expert
Apr 16, 2020 6:08 AM UTC

Instead of using the Opacity slider, try using the transparency slider within the fill/stroke colour picker.

This seems to allow me to have a blank space which shows the colour when I hover over the area.

View reply

3 replies

Sjaani
Community Expert
SjaaniCommunity ExpertCorrect answer
Community Expert
Apr 16, 2020 6:08 AM UTC

Instead of using the Opacity slider, try using the transparency slider within the fill/stroke colour picker.

This seems to allow me to have a blank space which shows the colour when I hover over the area.

Translate
    UX TechnologistAuthor
    Participant
    Apr 16, 2020 2:35 PM UTC

    Thanks Sjaani.

     

    That sounds like a great tip.

     

    In the end I realised that the link element wasn't actually inside the component. After moving it inside the component, the transparency setting for the states worked.

     

    I noticed based on behaviour when selecting the elements: To edit an element inside a component you need to double click the master component. I could single click the link. Also when opening the layers panel, the hierarchy showed the link outside the component (diamond symbol).

     

    Have a great one.

    Translate
    Harshika Verma
    Community Manager
    Harshika VermaCommunity Manager
    Community Manager
    Apr 16, 2020 3:01 PM UTC

    Great nice to hear you're back on track. Please feel free to reach out to us in the future for any assistance in XD.

     

    We'd be happy to help.

     

    Thanks Sjaani for your constant support on the community. 

     

    Thanks,

    Harshika

     

     

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices