Highlighted

Adobe XD Anchor Links Not Working When Exported into HTML

New Here ,
Jun 13, 2020

Copy link to clipboard

Copied

Hello Guys, I Jus Created an Website in Adobe XD , However i Used Anchor Links to  Connect perticular Section (For Example : If i Click on Contact Us it Scrolls Down to Contact Section). When i Click on Desktop Preview Anchor Links Works Fine. But, When i export the artboard to HTML(Have used Web Export Plugin), The websites Opens Perfectly but the anchor links wont work neither thy are clickable.

 

Please Help Me Out!

Adobe Community Professional
Correct answer by vishuagg19 | Adobe Community Professional

You will have to create the hyperlink manually in the web export panel. Please refer the screenshots -

 

 Screenshot 2020-06-15 at 10.19.30 AM.png

 

Screenshot 2020-06-15 at 10.19.59 AM.png

 

 

Views

132

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Adobe XD Anchor Links Not Working When Exported into HTML

New Here ,
Jun 13, 2020

Copy link to clipboard

Copied

Hello Guys, I Jus Created an Website in Adobe XD , However i Used Anchor Links to  Connect perticular Section (For Example : If i Click on Contact Us it Scrolls Down to Contact Section). When i Click on Desktop Preview Anchor Links Works Fine. But, When i export the artboard to HTML(Have used Web Export Plugin), The websites Opens Perfectly but the anchor links wont work neither thy are clickable.

 

Please Help Me Out!

Adobe Community Professional
Correct answer by vishuagg19 | Adobe Community Professional

You will have to create the hyperlink manually in the web export panel. Please refer the screenshots -

 

 Screenshot 2020-06-15 at 10.19.30 AM.png

 

Screenshot 2020-06-15 at 10.19.59 AM.png

 

 

Views

133

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jun 14, 2020

Copy link to clipboard

Copied

You will have to create the hyperlink manually in the web export panel. Please refer the screenshots -

 

 Screenshot 2020-06-15 at 10.19.30 AM.png

 

Screenshot 2020-06-15 at 10.19.59 AM.png

 

 

Vishu Aggarwal

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Jun 15, 2020

Copy link to clipboard

Copied

Thank You So Much Sir , It Just Worked Perfectly thanks a lot, I have a question can i add transition to it???? to scroll down with ease?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 15, 2020

Copy link to clipboard

Copied

Adobe XD is the prototype tool...trying to achieve working web site should not be the goal. 

 

However, You can get advanced functions and animations in using custom coding of Web Export in Adobe XD. 

Have a look at following video tutorial of Web Export - https://www.youtube.com/watch?v=UfQFw-X2z7o

 

Vishu Aggarwal
Use Export Kit to create complex CSS animations with Adobe XD. You can animate any XD element using custom CSS scripts or simply download any from the internet.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...