Welcome to the ProtoShare blog.

Happy Fourth of July!

The ProtoShare offices will be closed Friday, July 3rd, 2015 in observance of Independence Day. Our engineers will be monitoring for critical issues but standard customer support will be unavailable. We hope you have a fun and safe holiday.

Posted in Blog | Leave a comment

Creating Your Own Library

Have you ever wanted a quick and easy way to reuse content for future projects? The Import function allows you to share Masters and Templates between any of your projects, but it might be hard to keep track of all of the different elements that you want to reuse if you have many projects.

The best workflow to help mainstream the sharing process is by creating a unique project that acts like a central hub for all of the content you wish to save. You can create a Master or Template with the components that you wish to save and import it into your special library project. This will let you import your saved Master or Template from your library project into any future projects that you work on.

Import Menu

Moving My Template Between Projects With Import

Posted in Blog, ProtoShare Tips & Tricks | Leave a comment

ProtoShare 9.4.7 releasing on June 7th

We’re happy to announce the release of ProtoShare 9.4.7 scheduled for June 7th.  This release features the addition of support for mobile swipe gestures, as well as support for both mouse-over and mouse-exit (in addition to hover).  We’re also adding support for multiple pin colors in Review to help you segregate your topics into different groupings.

Swipe Gestures

When configuring a component to trigger state changes, you have the option to toggle between touch settings and standard settings.  Both sets of settings will usually work on either desktop or mobile.  The main exception is the hover settings – as there is no mouse on mobile, hover, mouse-over and mouse-exit don’t trigger events on mobile.  By using touch events, you gain access to swipe events, and your prototype will use native touch events when available to provide a better mobile experience.

Screen Shot 2015-06-01 at 10.49.16 AMScreen Shot 2015-06-01 at 10.49.02 AM

Mouse in, Mouse out:

While we’ve long supported a hover action, we’ve added mouse in and mouse out, to provide you with additional control.  You can still use the hover action if that suits your needs (it requires a little less configuration).

Pin Colors

We’ve added support for 5 different pin colors in review.  You can switch the color when you create a topic, or when viewing a topic you own.  When creating a new topic, ProtoShare will also remember the group of users you last used for that color, which ensures that you can quickly invite the right group of users to the right discussions.

We’ve also added a checkmark to all ‘Resolved’ topic pins, so you’ll be able to see at a glance which topics have been resolved.

Screen Shot 2015-06-01 at 10.58.53 AM

 

We hope you enjoy these changes.  Keep the feedback coming, we love to hear from our users!

Posted in Uncategorized | Leave a comment

Viewing a Wireframe on Mobile Devices

Did you know that you can quickly view your designs on your mobile device? All you need is the ProtoShare Business Edition and a mobile friendly design.

Mobile in the right-click menu for designs

Mobile in the right-click menu for designs

 

 

There are a few ways to set up a design to be mobile friend. You can right-click the design you want to change in the Designs pane below the Page Tree in the left sidebar and select “Format as Mobile App”. You can also find this option in the right sidebar under the Design Properties pane.

 

 

Once you are ready to run the design on a mobile device, click the File menu above the canvas and select View on Device. You will be presented with an URL and Pin code that you will access via your mobile device or you can scan the provided QR code that will link you directly to your design.

Posted in Blog, ProtoShare Tips & Tricks | Leave a comment

Advanced HTML Component – Page Redirect

In our first post covering the Advanced HTML Component, one of the examples we gave was for a delayed page redirect. Seeing as that example is now four years old and we get requests for this feature regularly, we thought we’d provide an update.

The example below should be pasted into an Advanced HTML Component. The wa/page?oid=146 and 5000 need to be changed to your own page URL and delay. You can get the URL for the target page by right-clicking the page name in the project site map and choosing get URL.

This redirect will only work in Run and Share -> Open in Review modes.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    var targetPage = "/wa/page?oid=146"; // Target page URL
    var delay = 5000; // Delay before redirect in milliseconds
    function redirect(){
        var frame = window.parent.frameElement ? window.parent.frameElement : window.frameElement;
        if (!frame.s9_workspace) {
            setTimeout(function() { window.parent.location = targetPage; }, delay);
        }
    }
</script>
<title></title>
</head>
<body onLoad="redirect()" style="background:transparent;">
</body>
</html>

 

Posted in Blog, ProtoShare Tips & Tricks | Leave a comment