Using Editor

Create wireframes and prototypes in the web-based Editor

+3
56 articles in this collection
Written by Jamie Gutierrez, Dominic Infante, and Kirsten Stevens and 3 others
Laying out screens

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

How to Create a Wireframe

How to create a project in Editor that contains wireframes.
Written by Jamie Gutierrez
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 Bryan Lipson
Updated over a week ago

Prototyping Responsive Designs in iRise 🎥

Video Tutorial featuring fluid layouts and breakpoints
Written by Dominic Infante
Updated over a week ago

Using Breakpoints in iRise to build responsive designs

Written by Dominic Infante
Updated over a week ago

Creating fluid screens with Layout options

Create responsive screens that adjust to various screen dimensions
Written by Bryan Lipson
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

Arranging widgets and using containers

Arrange your widgets with Drag Mode, Align, Distribute & Wrap
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
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 Christian Eloriaga
Updated over a week ago

Using the Link to File Action

Learn how to use the Link to File Action
Written by Christian Eloriaga
Updated over a week ago

Using the Set Text or Value Action

Learn how to set text or values interactively using Actions
Written by Christian Eloriaga
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 Christian Eloriaga
Updated over a week ago

Using the Window Control Actions

Learn how to use the Window Control Actions
Written by Christian Eloriaga
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

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
Tips & Tricks

Embed a live Google chart in iRise

Create interactive charts and graphs in Google Sheets and embed them directly in iRise screens
Written by Bryan Lipson
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

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 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