WebExport Html pages not clickable

I having some issues exporting to html css using webExport with Adobe XD the web pages are not clickable anymore.

I am using WebExport to convert to html pages and now they are not clickable . But before it used to work fine and were clickable.

can someone tell me how I can fix this?

Hi KM9191,

Can you post your project or provide the steps to reproduce the problem?

I am having the exact same problem. Used to work fine before the update of June the 2nd. And because I am a new user I cannot upload attachments :L

When I use the preview function in Adobe XD the buttons work fine and bring me to the right page (artboard), but as soon as I export both artboards and open them in chrome it no longer works.

You should be able to post now.

Hope this helps:

Website.xd (7.1 MB)

To correct the issue you must select webexport / panel. Click on the element with the link.
Erase the name of the link in the Hyperlink property and select it another time in the list of hyperlink property and save your file.

I dont see any “element with the link” .Please see screen grab attached. I had tried to uninstall and reinstall also which didnt help.

image

I am having the same problem as well. Thank you “BEA” comment but it didn’t help. I try uninstall and reinstall, didn’t help.

36%20PM

48%20PM

OK there is a bug in the goToTargetView() call that makes some hyperlinks not work.

This line:

var targetState = self.getStateNameByViewId(targetView.id);

Should be this:

var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;

To fix this you can overload the JavaScript method if you know how to do that, you may be able to use the old view.js if you know how to do that (shown below), you can manually type in the hyperlink page name (when linking to another page or site), you can link in the updated view.js or you can wait for a patch (1-3 weeks).

I recommend using the updated view.js (overwriting the exported).

Here is the updated view.js.

Method 1 - Update view.js

  1. Download view.js.zip
  2. Unzip it
  3. Open Export Artboard dialog
  4. Click External JS option
  5. Export artboard
  6. Copy updated view.js into export folder (overwrite)

https://velara-3.gitbook.io/web-export/export-artboard-dialog/script

view-6-18-20.js.zip (15.8 KB)

Method 2 - Manually entering hyperlinks

If the link is to another page you can type in the name of the page in the hyperlink field. It must be the final page name (so spaces are usually removed).

https://velara-3.gitbook.io/web-export/element-options/hyperlink

https://velara-3.gitbook.io/web-export/linking-to-pages-or-views