Group 65
Go to iRise
All Collections
Using Editor
Using Editor
Create wireframes and prototypes in the web-based Editor
69 articles in this collection
Written by
Jamie Gutierrez,
Kirsten Stevens,
and
William Butler
Editor Overview
Spare a quick moment to get up to speed with Editor
Written by
Jamie Gutierrez
Updated over a week ago
On Demand iRise Basic Training
Structured training videos with follow-along exercises
Written by
William Butler
Updated over a week ago
iRise Web Importer Best Practices
Tips to get the most value out of the iRise Web Importer
Written by
Kirsten Stevens
Updated over a week ago
Managing Requirements in Editor
How to manage requirements and attributes in Editor, in context of the prototype as it's being built.
Written by
Kirsten Stevens
Updated over a week ago
Laying out screens
How to Create a Wireframe
How to create a project in Editor that contains wireframes.
Written by
Jamie Gutierrez
Updated over a week ago
Formatting Widgets
Changing the look and format of your widgets such as fonts, position, rotation, adding html/css, etc.
Written by
Jamie Gutierrez
Updated over a week ago
Container Layouts
Learn about Absolute position and Vertical stack layouts for containers/sections in Editor
Written by
Kirsten Stevens
Updated over a week ago
Adding Images in Editor via File or URL
A handy tutorial on adding images in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Apply an image background (fill) to an element
Apply an image background and set scaling and positioning
Written by
William Butler
Updated over a week ago
Arranging widgets and using containers
Arrange your widgets with Drag Mode, Align, Distribute & Wrap
Written by
Jamie Gutierrez
Updated over a week ago
Prototyping Responsive Designs in iRise 🎥
Video Tutorial featuring fluid layouts and breakpoints
Written by
William Butler
Updated over a week ago
Using Breakpoints in iRise to build responsive designs
Written by
William Butler
Updated over a week ago
Creating fluid screens with Layout options
Create responsive screens that adjust to various screen dimensions
Written by
William Butler
Updated over a week ago
Add an iBloc to Editor
This article describes how to add an iBloc to your project in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Widget Groups
Grouping widgets together in Editor to maintain relative size & position
Written by
Jamie Gutierrez
Updated over a week ago
Show and Hide Widgets
Learn how to show & hide widgets in Editor
Written by
Jamie Gutierrez
Updated over a week ago
How to Rotate a Widget
A quick guide to rotating widgets such as images in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Create a scrolling section/container
This article describes how to configure a scrollable container in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Copy widget to another project
How to copy a widget with associated actions to another project
Written by
Jamie Gutierrez
Updated over a week ago
Using the Default View of a Viewstack
How to set the default view for a viewstack in Editor
Written by
Kirsten Stevens
Updated over a week ago
iBloc - Custom User Interface Component
Written by
Kirsten Stevens
Updated over a week ago
Adding actions and interactivity
Using the Enable Widgets, Disable Widgets, and Toggle Enable/Disable Widgets
Learn how to enable or disable widgets using Actions
Written by
Kirsten Stevens
Updated over a week ago
Using the Link to File Action
Learn how to use the Link to File Action
Written by
Kirsten Stevens
Updated over a week ago
Using the Set Text or Value Action
Learn how to set text or values interactively using Actions
Written by
Kirsten Stevens
Updated over a week ago
Using the Scroll Containers and Scroll to Widget Actions
Learn how to scroll containers and scroll to a widget using Actions
Written by
Kirsten Stevens
Updated over a week ago
Using the Window Control Actions
Learn how to use the Window Control Actions
Written by
Kirsten Stevens
Updated over a week ago
Using the Show and Hide Actions
Learn how to show and hide widgets interactively using Actions
Written by
Jamie Gutierrez
Updated over a week ago
How to Edit an Action in Editor
Yes, it's possible to edit an existing action. This article will quickly show you how.
Written by
Jamie Gutierrez
Updated over a week ago
How to Model a Required Radio Button
This article describes how to build the configuration for an 'I agree to the terms' radio button validation in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Switch views using radio buttons
Written by
William Butler
Updated over a week ago
How to Create a Swipe Configuration for a Mobile Device
This article describes how to build a page for a swipe configuration in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Masters, Libraries, and Templates
Creating Libraries
Learn how to create shared libraries of pre-built UI elements and screen templates directly in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Creating Widget Libraries
Kick start your pre-built screen layouts and UI elements
Written by
Jamie Gutierrez
Updated over a week ago
Adding Widgets to a Library
Learn how to add pre-built UI elements as widgets to shared libraries directly in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Adding Masters to a Library
Learn how to add pre-built UI elements as masters to shared libraries directly in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Adding Templates to a Library
Learn how to add pre-built UI elements as templates to shared libraries directly in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Creating Project Templates
Create pre-built collections of project templates that you and your team can use to jump-start your projects
Written by
Jamie Gutierrez
Updated over a week ago
Creating and Using Masters
This article describes how to create, edit, and use masters in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Using the Guides Library
Video and Introduction to the Guides Library and how to use Guides Library assets in your projects
Written by
Kirsten Stevens
Updated over a week ago
Tips & Tricks
How To Set Project Start Page
Designate a screen to be the starting page upon review
Written by
Jamie Gutierrez
Updated over a week ago
Using the Menu Library Widgets
This video shows how to use and modify the widgets you'll find in the menu library.
Written by
William Butler
Updated over a week ago
Adding a New Option to a Menu Widget
Learn how to add a new option to one of the library menu widgets
Written by
William Butler
Updated over a week ago
Using Vertical Stacks to Create a Menu
Creating a menu with the Vertical Stack container setting
Written by
Kirsten Stevens
Updated over a week ago
Embed a live Google chart in iRise
Create interactive charts and graphs in Google Sheets and embed them directly in iRise screens
Written by
William Butler
Updated over a week ago
Exporting your Project as a Document
This article describes how to export your Editor project as a document or with just screenshots.
Written by
Jamie Gutierrez
Updated over a week ago
Prototyping Modal Windows
Toggle visibility of semi-transparent sections over your main screen to prototype Modals / Lightboxes / Overlays / Dialog Windows
Written by
Kirsten Stevens
Updated over a week ago
Import Images into Editor
This articles describes how to import your images from Sketch/Photoshop/PowerPoint.
Written by
Jamie Gutierrez
Updated over a week ago
How to embed or link to video
Embed or link to a video using Editor
Written by
Jamie Gutierrez
Updated over a week ago
How to Create a Floating Header
How to create and configure a floating header/sticky header in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
How to Create a Fixed Footer
How to configure and create a fixed footer in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Using CSS in Editor
Using the power of CSS to customize your widgets
Written by
Jamie Gutierrez
Updated over a week ago
Add web fonts and Google fonts to your iRise project
With a tiny snippet of CSS, you can add web fonts or any of the 600+ Google fonts to your iRise project
Written by
Jamie Gutierrez
Updated over a week ago
Using HTML in Editor
Using the power of HTML to customize your widgets
Written by
Jamie Gutierrez
Updated over a week ago
Using Vertical Stacks to Create Progressive Disclosure
Progressive Disclosure functionality using the Vertical Stack layout option
Written by
Kirsten Stevens
Updated over a week ago
Using Vertical Stacks to Create an Accordion
Creating an Accordion with the Vertical Stack container setting
Written by
Kirsten Stevens
Updated over a week ago
Using a Color Picker
This article describes how to use a color picker in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Enhancing your Popups in Editor
This article describes how to enhance your popups in Editor with CSS.
Written by
Jamie Gutierrez
Updated over a week ago
Using the Icons8 app with iRise
Choose from a huge collection of icons using this simple app. Just search and drag-and-drop them into your project.
Written by
William Butler
Updated over a week ago
Using Photoshop and iRise
Learn a simple and effective workflow for pairing Photoshop with iRise
Written by
William Butler
Updated over a week ago
Archive Library and Project template Projects
Clean up your Libraries and Project templates by moving unused, inactive, or older versions of projects to an archive folder.
Written by
Kirsten Stevens
Updated over a week ago
Examples
Example: Utilizing Actions Based on Select Widgets
How to perform actions based on a select widget
Written by
Kirsten Stevens
Updated over a week ago
Example: Utilizing Slider Widgets in iRise Editor
Slider widget and viewstack examples
Written by
Kirsten Stevens
Updated over a week ago
Example: Tabbed Views using Viewstacks
Viewstacks in iRise Editor
Written by
Kirsten Stevens
Updated over a week ago
FAQ & Troubleshooting
Keyboard Shortcuts in Editor
Speed up your prototyping with these handy shortcuts
Written by
Jamie Gutierrez
Updated over a week ago
Browsers Supported in Editor
Find out which browsers you can use in Editor
Written by
Jamie Gutierrez
Updated over a week ago
Compatibility Issues between Studio and Editor
This article describes what happens if you add unsupported content to a project.
Written by
Jamie Gutierrez
Updated over a week ago
Editor and Studio Functionality Explained
Review supported vs unsupported authoring component functionality + functionality only available via Editor & the web-based platform
Written by
Jamie Gutierrez
Updated over a week ago
Widgets Don't Move with Parent
This article describes a reason why a widget would not move with it's container widget in Editor.
Written by
Jamie Gutierrez
Updated over a week ago
Screens Missing in Editor
This article describes a reason why a user would not see their screens in Editor.
Written by
Jamie Gutierrez
Updated over a week ago