It typically exports these as images and you will be unable to retrieve any CSS attributes. Axure also has difficulties in exporting elements with lots of border attributes and box shadows. This will then export as an HTML element. A workaround for circles is to place a square in Axure and set the border radius greater than or equal to 50% of the square's dimensions. As such, you may find it difficult to find accurate dimensions on some items. *Axure chooses to export some common elements such as circles and lines as images instead of using CSS. For example, if you would like an artboard of 1000px x 1000px, place a rectangle as the backmost element in your Axure project with a X and Y location of 0 and dimensions of 1000px x 1000px. Alternatively, you may use a combination of vertical and horizontal lines to define your artboard border. If you would like a specific size artboard, I would suggest using a background rectangle within Axure to define this. This tool scans all page elements and sizes the artboard based on the most-extreme elements. You may find the generated artboard sizing odd during initial use. The code makes every attempt to handle the various nested elements exported from Axure, but if you do encounter an issue, please let me know and I'll promptly resolve it. Additionally, Axure projects allow much more functionality and interactivity than those generated in Sketch and it's difficult to intercept and interact with these. To modify the plugin, simply select edit and paste in any replacement code.Īs this code is embedded within Axure projects, it does not have direct control of how assets are exported from within Axure. Once saved, your plugin should be activated. If you would like to have the plugin appended to any new pages, you may select Add to new pages by default. Select all desired pages within which you'd like to have the interactive redline tool. Paste your code into the content area and save the plugin. Name your plugin whatever you deem appropriate and select End of the Head as the insertion location. Once on the plugin page, select NEW PLUGIN. Hovering over this icon provides a list of options, including PLUGINS which you should select. Once logged in, you will see an inline gear icon to the far right of each Axure project. To apply this code to one of your AxShare hosted projects, navigate to and log into your account. The code combination is derived from the markup framework, CDN links, the pertinent CSS, and the supporting JavaScript / jQuery code base. If you prefer to house the code directly in your AxShare project, you'll need to copy and paste the code found within /axure-redline-tool/web/plugin.txt into your AxShare project as a plugin. The code in the scripts above is served from a CDN to ensure a fast response, no matter your location. Copy the script of the version you'd like to use, or simply use the script marked "latest" to ensure you're always subscribed to the latest application updates. The easiest option is to copy the script link above into your AxShare project as a plugin. There are several ways to use this "install" this plugin.
0 Comments
Leave a Reply. |