Adobe XD Anchor Links Not Working When Exported into HTML

New Here ,
Jun 13, 2020 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!

Views

882

Likes

translate

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
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Jun 14, 2020 Jun 14, 2020
You will have to create the hyperlink manually in the web export panel. Please refer the screenshots -          

Likes

translate

Translate

Translate
Adobe Community Professional ,
Jun 14, 2020 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
Adobe Certified Instructor, Professional and Expert

Likes

translate

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
community guidelines
New Here ,
Jun 15, 2020 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

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
community guidelines
Adobe Community Professional ,
Jun 15, 2020 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
Adobe Certified Instructor, Professional and Expert
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 inter...

Likes

translate

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
community guidelines