Recent Blogs
  • What’s New in Infragistics WPF 14.2
    POSTED ON: 10/14/2014 10:25 PM  BY:  Brian Lagunas
    Try to think of your top three movie sequels.  Which ones come to mind?  Having trouble?  Well, that might be because it’s not often that you find...
  • What Is New in Windows Forms 14.2
    POSTED ON: 10/14/2014 12:24 PM  BY:  Jason Beres
    We are very excited about all the new controls and updates coming in our huge Windows Forms release for 14.2. As you will see through out our...
  • What's New in Ignite UI and ASP.NET 14.2
    POSTED ON: 10/14/2014 12:00 PM  BY:  Ambrose Little
    As noted in our 14.1 launch in the spring, we talked about three main areas of focus for this year: Touch Everywhere, Office-Inspired Apps on...

View all

Download Indigo Studio

Create, Reuse, Remix with Screenparts

You already know about screens and storyboards in Indigo Studio. Now we're introducing Screenparts!

Your Unique UI library.

Indigo Screenparts 1

The Screenpart library exists in addition to the essentials and iOS Pack in your UI toolbox, and is shown as “Screenparts” tab. A screenpart, like the name suggests, can be defined as a reusable part of your screens.

To create one, start with the default UI elements and customize them for your needs. Then select “convert to screen part” to add it to the project’s screenpart library. Once added, screenparts are available for re-use anywhere in the project— just drag and drop.

Learning video series: How to get the most out of Screenparts with Indigo Studio.

Re-use & Remix as Required

Indigo Screenparts 2

When you add a screenpart to your designs, Indigo Studio adds an instance of that screenpart. You then maintain full creative control to tweak the styles to suit any design context (i.e., size, text, color, position).

Screenparts as Screen Masters

Indigo Screenparts 3

To use as a screen master, create and save a new screenpart containing your base layout. For a typical web-page this could mean adding anything from headers, navigation, side menus, content area, and footers. Then, to start a new screen design, simply drag and drop this saved screenpart, and that’s it! If you need to make global changes to the screenpart instances, just edit the source screenpart.

Re-Usable Interactive UI Elements

Indigo Screenparts 4

Go beyond static UI elements and create custom interactive elements and widgets using screenpart states; it’s exactly like creating states for screens. The interactions explorer in Indigo Studio precisely shows the interaction flows in a graphical manner, complete with every interaction and its corresponding result (state).

Organizing Your Screenpart Library

Indigo Screenparts 5

It’s easy to manage your screenpart library with screenpart groups. Right-click on a screenpart in your library to add to an existing group or create a new group. You can also add a single screenpart to multiple groups.

Share Across Projects & with Teams!

Indigo Screenparts 6

If you have already created a screenpart library in a different Indigo Studio project, you can easily add it to a new project or it share with other team members. Use the export files & assets featureand Indigo Studio will neatly package up all the screen parts and associated image assets. Simply add this exported folder to your project or send it to someone else.

Want to try out Screenparts? Download a demo project that makes use of them! From this project you can select the screenparts and try exporting them to any existing Indigo Studio project (folder).