Skip to main content
Inspiring
June 30, 2023
Question

Can I setup a Button Component To Open a new Window Layer (not Overlay Modal)

  • June 30, 2023
  • 0 replies
  • 157 views

Hello I hope i explain this correctly but i have a button component that will be called Smart Text.

When the user clicks on the button I want it to open a window to the top right that will give them options for the smart text. when the window is open I still want users to be able to click around and use other features for example still be able to type on the contract etc..

 

Smart text Screenshot

Screenshot of Smart Field Window

 

 

1st I tried to create a button that links to a overlay canvas but the problem with this method is when you click the button and it opens the overlay window only that window scrolls (I'm sure there is a way to fix this) and THE MAJOR PROBLEM is you cant click anywhere else outside of the window and if you do it closes that window. 

 

https://xd.adobe.com/view/d196de0d-7420-4262-9c08-51a370a60173-84c5/

 

 

2nd I tried to put the right Smart Field window inside the Smart Field Button and have the layer turned on using "Default States" and just turn on the layer on the "new State" but the problem with this is when I move the button around it would move the smart field window also. I want the smart field window to stay in same place no matter where the button is.

 

 

3rd I might have to go with this option unless there is a better way. Basically I just copy the whole canvas and just turn on the Smart Field window layer on the new canvas. And I will link the button to the new canvas. This is fun but I have 2 different types of contracts and I would hate have to copy each contract twice.

 

Not the end of the world but I'm always trying to be better at xd use the best methods so if there is a better way of doing this please let me know. 

 

https://xd.adobe.com/view/91566ba7-ecf7-4b1f-bf8f-18ea408f416e-c405/

 

I also attached the file. If anyone knows a better way or easier / more efficient way of doing this please let me know. I also attached the file as well.

 

NOTE: I tried to attach the xd file but adobe wont let me know. Hopefully this is ok but here is the download link.  https://www.dropbox.com/s/sh6kfrwn8jrktiv/Contract-Right_Window_Smart_Field-%20Local_File.xd?dl=0

 

Thank you! 

 

 

This topic has been closed for replies.