Drag and Drop Klip Editing

Hi there! Thanks for joining me today.

Jon Taylor

jtaylor@klipfolio.com

Customer Feedback

“The new Klip editing features are

enabling us to build amazing

dashboards. I'm a big fan of these

changes - what used to take me

hours to build only takes me minutes

to do now.”

- Rick Johnston, President & CEO Autovance

Technologies Inc

“I just wanted to thank

you for this awesome

update!”

“Guys, well done! You just

made my day."

"I just saw the new drag and

drop multi-component building

features, it’s very impressive."

Powerful Design

ElementsPixel-level control over the

appearance of Klips

Quickly Enhance

Existing KlipsUpgrade any Klip without diving

into code

Simplified Klip

CreationEasily create Klips with multiple

components

What’s new?

Klip Creation

● Components Paletteo Quickly create Klips with drag and drop

interface

o Position Klips vertically within any Klip

o Access all visual styles from a single palette

Drag and drop components into any Klip.

Simple to get started

Klip Creation

● Context menuso Ability to move components within a Klip

o Copy and paste components within a Klip and

between Klips

o Huge time-saver, as formula elements are

also copied over

Copy and paste components to quickly create Klips.

Quick, easy, powerful

Klip Enhancements

● Layout Grido Flexible layouts using horizontal or vertical

orientation

o Upgrade any existing Klip to use layout grid

o Easy to create sophisticated Klips without the

need to edit code

Easy to use custom layouts

A Klip with a Layout Grid component. A cell is selected.

Klip Design

● Label Componento Jack-of-all-trades, can be used to display text,

numbers or mini-charts

o Provide end-users with additional context for

the values they see on the dashboard

Great for headers and descriptions

A Klip with two Label components in a Layout Grid

component.

Klip Design

● Separator Componento Insert vertical or horizontal lines between

components

o Effectively control the white-space within Klips

Compelling design elements

The Properties panel for the new Separator

component.

Klip Design

● More control of design elementso Layout panel to precisely control padding and

spacing within Klips

o Exposed settings to end-user via UI

Set padding for each cell independently on the Layout

panel.

Pixel-level control

Design for mobileA responsive design looks great

on all devices

Keep it simpleUse each Klip to solve a

single problem or answer a

single question

Plan your KlipsKnow what you want to build

before you start

Best Practices

www.klipfolio.com