REFERENCE

LEARNING AND

RESOURCES

Intro to Axure RP

Viewing and Sharing HTML

     Output

Organizing Widgets

Interactions

WIDGETS

Shape

Image

Line

Hot Spot

Dynamic Panel

Inline Frame

Repeater

Text Field and Text Area

Droplist

List Box

Checkbox

Radio Button

HTML Button

Tree

Table

Menu

Snapshot

Groups

Connectors

Vector Drawing

LIBRARIES

Widget Libraries

PAGES

Pages

Grids, Guides, and

     Snapping

MASTERS

Masters

Raised Events

STYLES

Page and Widget Styles

DOCUMENTATION

Flow Diagramming

Widget and Page Notes

Word Specification

Print Settings

GENERATED HTML

HTML Generator

Sidebar

Web Fonts and

     Font Mapping

AXURE SHARE

Basics

Security

Mobile App

Mobile Settings

Website Hosting Tutorial

Slack App

Hipchat Integration

Troubleshooting

     Connection Issues

AXURE SHARE ENTERPRISE

User Guide

Installation Guide

Accounts and Permissions

TEAM PROJECTS

Creating and Using

SVN Troubleshooting

ADVANCED INTERACTIONS

Variables

Conditional Logic

Math, Functions, and

     Expressions

Adaptive Views

INSTALLATION

TROUBLESHOOTING

GUIDES

Mac

Windows

© 2002-2017 Axure Software Solutions, Inc. All rights reserved. Axure ® is a registered trademark of Axure Software Solutions, Inc.

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

AXURE SHARE BASICS:

HOSTING AND SHARING PROJECTS

ON THE WEB

OVERVIEW

Axure Share is a hosted service for easily sharing your Axure RP prototypes with others, including your team and clients. It is a free service and allows you to upload up to 1000 projects with RP files up to 400 MB each.


Axure Share includes a Discussion feature for collecting feedback from stakeholders and testers. You can also customize the log in and password pages and assign a custom domain to your projects to provide a custom branded experience for your clients.


Advanced features enable you to host websites (like axure.com). Custom page titles, pretty URLs and meta descriptions can be added to the pages for search engine optimization. Plugins allow for custom HTML or JavaScript which is useful to add analytics or social media sharing buttons.


Axure Share projects can be password protected and Workspace settings can be changed to provide additional security. Learn more about Axure Share security in this article.


MANAGING PROJECTS

WORKSPACES

Axure Share projects are organized into workspaces. A workspace can be shared with others, and members of the workspace can publish and manage projects within it. Workspaces also can have custom security settings. Learn more about security settings here.


Within a workspace, you can create new projects; create new folders; move, delete and rename projects and folders; and duplicate projects.


To invite more people to your workspace, open the workspace, and go to Manage Users > Invite People.


The recipient will receive an email from Axure notifying them that you would like them to join your workspace. They will be asked to create an account or log in to Axure Share, to accept the invitation.


The Owner of a workspace can remove members by clicking Manage Users > Remove User. You can also unjoin a workspace. If you are the owner, you will need to select a new owner when you leave the workspace.

MY PROJECTS

The "My Projects" workspace is a personal workspace that cannot be shared. This is the default workspace for projects uploaded from Axure RP. You can move a project from "My Projects" to another workspace if you'd like to be able to share access to it.

PROJECTS AND FOLDERS

To create a new project in Axure Share, navigate to the workspace where you want to create it; then click the New Project button. Name the project and optionally upload an RP file and set a password.


You can add folders to organize your projects by clicking the New Folder button.

MOVE, DELETE, RENAME, AND DUPLICATE

Move: Click the checkbox next to the project or folder to be moved, click the Move button, select where to move it to, then click Move.


Delete: Click the checkbox next to the project or folder to be deleted, click the Delete button, then click Delete.


Rename: Click the checkbox next to the project or folder to be renamed, click the Rename button, type in the new name, then click Rename.


Duplicate: Click the checkbox next to the project to be duplicated, click the Duplicate button, then click Duplicate.

PROJECT CONFIGURATION AND SETTINGS

Use the menu of the "Configure" gear icon at the far right of the list of projects to access the prototype's configuration and settings. Use the first menu option, "File + Settings", to rename the project, assign a custom domain, upload or download an RP file, and change the project password.


You can navigate from this page to the following pages: Discussions, History (for Team Projects only) Plugins, Pretty URLs, and Redirects. Learn more about these features below.

UPLOADING TO AXURE SHARE

UPLOADING FROM INSIDE AXURE RP

To publish to Axure Share from Axure RP, click on the "Share" button in the Publish toolbar. You can also press [F6] on PC or [SHIFT] + [CMD] + [A] on Mac.


If you need to create an account, you can do that in the Publish to Axure Share dialog. Otherwise, enter your account's email and password.


Enter a project name and--if you want to keep it private--enter a password. You can also select the workspace and folder for the project. By default, projects will be published to your "My Projects" workspace.


When the RP file is uploaded, an URL to the generated project is provided. Click it to view the prototype or copy it to send to others.

UPLOADING FROM SHARE.AXURE.COM

After logging in at share.axure.com, you can select a workspace and click "New Project" to publish an RP file to a new project.


If you have an existing project that you'd like to update, click the "upload" icon from the project listing or click "Upload RP File" from the File + Settings page.


Tip: If you upload a file and are missing some pages, go to "Publish > Generate HTML Files" in Axure RP, select "Pages" in the left column of the dialog, and make sure the checkboxes next to those pages are checked.

AXURE SHARE GENERATED PROTOTYPE

Click on the project's name or URL to view the prototype.


In the Pages tab of the sidebar, click the Get Links icon (second from the right) to get the link for that page, with or without the sidebar. Copy the link to share the prototype with others.


In general, links that show the sitemap look like <http://######.axshare.com/#p=pagename> and links for pages without the sitemap look like <http://######.axshare.com/pagename.html>. Links with the sitemap hidden look like <http://####.axshare.com/#p=pagename&c=1>. You can turn the sitemap on and off by changing the link.

NOTIFICATIONS

Set up notifications to get alerts when new comments or replies are added to project discussions, when comments are resolved or unresolved, and when edits are checked in to Axure Share–hosted team projects. Notifications can be sent as soon as activity is registered or in a daily digest. You can receive notifications via email, Slack, or HipChat.

EMAIL NOTIFICATION SETTINGS

Click "Notifications" in the main menu to view your discussion notification settings. Click "New Email Notification" to add a subscription. You can choose to subscribe to "All Projects", a specific workspace, or a specific project. You can also choose to get an email as soon as possible or in a daily digest.

PLUGINS

Plugins are used to add custom HTML or JavaScript to your Axure Share project at the end of the Head section of a page, at the end of the Body section of a page, or to a specific named Dynamic Panel. You can specify which pages should include the plugin.

ADDING PLUGINS

To add a plugin, select Plugins from the gear icon menu to go to a project's Plugins page. Then click New Plugin.


Give the plugin a name, priority, assign the location (end of the head, end of the body, or inside dynamic panels with name), add the code and click the Save and Continue button.


Next, select the pages to which you want to add the plugin. You can always return later to make changes.

EXAMPLES OF PLUGINS

Some example plugins to put at the end of the head include: Google Analytics, Kissmetrics, Mixpanel, BugHerd, and any code required for user testing tools. Examples for the end of the body include: Adwords retargeting tag and scripts to run other plugins. Examples for inside dynamic panels include: PayPal buttons, Facebook buttons, Twitter buttons, and HTML.

PRETTY URLS

Pretty URLs are used to set a default page for the project that displays when opening the URL, and the default page for a 404 error. The Pretty URLs tab is also used to set custom page titles, pretty URLs and meta description properties.

DEFAULT PAGE

You can select a root page which will open without a .html page name, as well as without a sitemap, when opening the project URL. To set this up, click the Assign button. The Assign Default Page dialog opens with the page names from your project in the dropdown list. Select the page for the default from the list and click the Set as Default button. If you later wish to choose a different page to set as the default, click the Clear button and assign a new page. To get the sitemap to show, add /start.html#p= or /index.html#p= to the end of the URL.

CUSTOM 404 PAGE

The custom 404 page will display if a users reaches a URL which is not in your sitemap. Assign a custom 404 page by clicking the Assign button, selecting the page from the dropdown list and clicking the Set as 404 button. If you later wish to choose a different page to set as the 404 page, click the Clear button and assign a new page.

One page or multiple pages can be edited at a time. Click edit at the end of the page name line to edit just that page. Click Edit All at the top of the page listing to edit all or multiple pages. When you are done editing, click save.


Custom Page Title: Type in your custom page title. For SEO purposes, we suggest using keywords at the beginning of the page title and your business name at the end.


Pretty URL: Type in the URL, include the folder structure as appropriate.


Meta Description: Type in the meta description. Keep in mind this is the text description that shows in search results. This should be a summary of what the page is about. Make sure to include relevant keywords.

REDIRECTS

Redirects can be used to point old page URLs to new ones. For example, to make "home" go to "new-home", create a redirect with an Incoming URL of "home" and Redirect To "new-home". If you're not using pretty URLs, you can make "home.html" go to "new-home.html" similarly.

 

You can also make an entire path redirect to one page. For example, to make any page within the "my-section/" path redirect to the "my-new-section" page, create a redirect with an Incoming URL of "my-section/*" and Redirect To "my-new-section".

ADDING REDIRECTS

Click the New Redirect button to open the Add New Redirect dialog.


Incoming URL: Type in the incoming URL you want to redirect.


Redirect To: Type in the URL to redirect to.


Click the Add button and it will be added to the redirects listing.

DOMAINS

ADDING DOMAINS

1. POINT YOUR DOMAIN TO AXURE SHARE

Login to your domain registrar and go to the DNS Manager for the domain. Or if you are using a DNS service, login to that system. If you don't own the domain you'd like to use, you can purchase one from a domain registrar like GoDaddy or Network Solutions.


Create a CNAME entry for a subdomain that points to share.axure.com. You can use "www" as your subdomain or something like "share" or "clientname". If you use "www", keep in mind that the root domain ("yourdomain.com") will not point to Axure Share without redirecting it.


It typically takes minutes for this change to make its way around the internet, but in some cases it might take up to 48 hours.

2. ADD THE DOMAIN TO YOUR ACCOUNT

Add the domain to your account by clicking "New Domain".  Please keep in mind each domain can be owned by only one Axure Share account.


Once the domain has been submitted and the CNAME entry has taken effect (minutes to hours), the domain will point to the project that it is assigned to.


To assign a domain to a project, first visit the Workspaces tab. Open the workspace or folder the project is located in. Mouse over the gear icon to the right of the project's URL, and select "File + Settings". On the next page, click "Assign Custom Domain" and select your domain in the droplist.


We will continually try to verify the domain and CNAME for 48 hours. If we're not able to verify within that time, you will need to add it again.

UNBLOCK SEARCH ENGINES

By default, Axure Share tells Google and other search engines not to index the HTML pages. When you unblock a domain, the project assigned to that domain will be regenerated so it can be indexed and the links can be crawled by the search engines. There is no charge to unblock a domain, but an Axure ad will be displayed on the HTML pages.

TRANSFER OWNERSHIP

You also have the option to transfer the domain to another Axure Share user. Click transfer, then enter their email address and click the Transfer button.

BRANDING

To give your clients a branded experience that they are comfortable with, you can customize the password page for your projects. If you have assigned a custom domain to your account, browsing to the domain will redirect to share.axure.com. If you upload a custom Axure Share login page, your domain will show that branded login page.

CUSTOMIZE YOUR PASSWORD PAGE

1. DOWNLOAD TEMPLATE FILE

To customize your password page, download the template AxSharePrototypePasswordPage_v8.rp file.

2. CUSTOMIZE PASSWORD PAGE

Open the template file and make your changes. Add new widgets, style the form or change the page background. Feel free to make changes, but avoid deleting template widgets with labels or changing the labels.

3. UPLOAD YOUR CUSTOM PASSWORD PAGE

Once you have saved your file, upload it by clicking the Upload button on the branding page to publish it.

CUSTOMIZE YOUR AXURE SHARE LOGIN PAGE

1. DOWNLOAD TEMPLATE FILE

To customize your login page, download the template AxShareLoginPage_v8.rp file.

2. CUSTOMIZE AXURE SHARE LOGIN PAGE

Open the template file and make your changes but avoid deleting template widgets with labels or changing the labels.

3. UPLOAD YOUR CUSTOM LOGIN PAGE

Once you have saved your file, upload it by clicking the Upload button on the branding page to publish it. Note that you need to have assigned a custom domain to your account to be able to use a custom login page.

MORE RESOURCES

TEAM PROJECTS

If the project you wish to create and host on Axure Share is a team project, learn how to do so in this reference guide.

SLACK AND HIPCHAT NOTIFICATION SETTINGS

Learn how to set up Slack and HipChat notifications at the links below.


Axure Share Slack App


Axure Share HipChat Integration

DISCUSSIONS

Discussions enable viewers to create and reply to comments within the prototype. Comments can be added to each individual page and are available to anyone with access to the prototype. Members of the workspace containing the project can choose to receive email, Slack, or HipChat notifications when comments are added, resolved, and unresolved.

POSTING COMMENTS

Navigate to the prototype in your web browser and click on the Discuss tab of the sidebar to view the page's existing discussion threads. Enter your new comment in the text field at the top of the tab and click "Post" to add it to the thread list below. To reply to an existing comment, click "Reply" at the bottom-right of the comment in the thread list.

DISCUSSIONS SUMMARY

Discussions can also be viewed and edited on the Discussions page of a project. From the project list in a workspace, hover over the gear icon to the right of a project and then click "Discussions" in the menu. The discussion comments for the project are listed, including when and by whom the comment and the last reply were created. Click the comment description to see all the replies for that comment. You also have the option to edit, delete, (un)resolve, or add a comment or reply here.


You can also disable discussions from this page by clicking the "Disable Discussions" button.

You can also enter comments directly on the prototype page. To do this, click the "Comment on Screen" button at the top of the Discuss tab. Then, click anywhere inside the purple box to drop a pin for your comment. Optionally select a color for the pin at the top-right of the comment bubble that appears, type a comment in the text field, and click "Post".

You can view your on-screen comment by clicking its pin on the page. On-screen comments are also added to the thread list in the sidebar, so you can view your comment there as well. In the sidebar, on-screen comments are accompanied by a small pin icon; you can click the icon to scroll the page to the pin's location and open the comment.


When you're done adding on-screen comments, click the "Exit Comment on Screen" button in the sidebar or the "X" icon at the top-right corner of the page. You can also press the [Esc] key on your keyboard.

ON-SCREEN COMMENTS

SCREENSHOTS IN DISCUSSIONS

Screenshots can be captured when using Chrome or Firefox and require a browser plugin (links below).


While adding a comment or reply, you can click the camera icon to capture a screenshot. You can also use the keyboard shortcut [CTRL] + [SHIFT] + [1] on PC or [CMD] + [SHIFT] + [1] on Mac.


Click and drag your mouse to select the area for the screenshot. It will be saved with your comment when you click "submit".


Clicking the screenshot thumbnail in the discussions opens a full-sized version.

Screenshots can be viewed in any browser, but to add a screenshot, you'll need to use Chrome or Firefox with a browser extension. When you click the camera icon, you'll be prompted to install the plugin if it's not already installed.


Chrome Extension


Firefox Add-On

When commenting, you can log in to your Axure Share account (if you aren't already) via the "Log In" link at the top-right of a comment box. If you comment while logged in, your email address and profile picture will appear above your comments. (Note: If you've registered your name on the Edit Profile tab of the Axure customer portal, your name will be displayed instead of your email address.)


Otherwise, if you don't have an Axure Share account or do not wish to log in, you can continue commenting as "Anonymous". You can also comment under a different name by clicking the word "Anonymous" above the text field and entering a new name.

AUTHENTICATED OR ANONYMOUS

Click the "More Options" menu at the bottom-left of a discussion comment to edit its text and screenshots, change its pin color (if applicable), delete it, or mark it as resolved.


Deleting a comment removes it and its replies from the prototype entirely. You cannot recover deleted comments, so only use this option if you're sure that the comment is no longer needed.

EDITING, DELETING, AND RESOLVING COMMENTS

Resolving a comment hides it but does not delete it. You can view resolved comments at any time by clicking the "Show Resolved Comments" button at the bottom of the discussion thread list in the sidebar. This will show the comments in a separate thread list below the button. On-screen pins for those comments, if any, will also be shown, and they will be colored grey to distinguish them from pins for unresolved comments.


If you need to unresolve a comment, you can do so by clicking the "More Options" menu and selecting "Mark Unresolved".