Performance Manager

Home 

Expanding text, aka togglers and dropdowns

Flare has two expanding text features: togglers and dropdowns. They are both easy ways for you to hide/show text and make a page easier to navigate.

Dropdowns are easier to create. Find instructions in the Flare help. They're not quite as flexible, though. We recommend using dropdowns for multiple similar procedures, or for short pieces of text.

Togglers are slightly harder to create, but more flexible. Find instructions in the Flare help. There are two styles available for togglers: one that looks just like a dropdown, and one that looks similar to an H2 (but colored so they'll know to click on it). If you have longer pieces of text and/or images, we'd recommend using a toggler and the TogglerHead style.

Whether you are using togglers or dropdowns, just be aware that if you are using p.Numbered that you may want to start each list with p.Numbered1 to reset the numbering.

As you can see below in the second procedure, if you just use p.Numbered, it looks like the list starts with 5 in the Flare XML editor. Don't worry, when you build it, it numbers things correctly! If this bugs you though, use p.Numbered1 the way that Procedure 3 does.

For an example of using togglers as headers, see the example topic Using the Central File Store included in the template project.

ClosedToggler style

Mauris ornare turpis ut consectetur faucibus. In sodales nibh urna. Nunc luctus sagittis placerat. Integer vitae velit quis velit vulputate placerat at a orci. Nam ut bibendum diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ut tellus leo. Nunc est ligula, dictum ut pellentesque sed, pharetra semper nisl.

ClosedTogglerHead style

Nunc nisl erat, vehicula maximus eros quis, maximus imperdiet urna. Nam blandit turpis mauris, non faucibus nisl auctor at. Vivamus luctus volutpat sapien at congue. Sed accumsan nisi vel tellus iaculis semper. Vivamus facilisis libero at libero sagittis fermentum. Mauris efficitur dapibus ligula. Donec aliquam eu lacus at sodales. Proin tortor sapien, condimentum in viverra vitae, malesuada et tortor. Vivamus auctor semper ornare. Cras tempus sem sed justo ornare facilisis. Sed accumsan blandit fermentum. Integer est ante, dignissim vel metus quis, venenatis eleifend dui. Donec cursus vel odio sollicitudin fermentum. Aenean nec finibus felis. Morbi scelerisque, ex a imperdiet ullamcorper, sapien lectus accumsan metus, et malesuada erat dolor vel odio. Donec efficitur tempor massa quis efficitur.

Nunc nisl erat, vehicula maximus eros quis, maximus imperdiet urna. Nam blandit turpis mauris, non faucibus nisl auctor at. Vivamus luctus volutpat sapien at congue. Sed accumsan nisi vel tellus iaculis semper. Vivamus facilisis libero at libero sagittis fermentum. Mauris efficitur dapibus ligula. Donec aliquam eu lacus at sodales. Proin tortor sapien, condimentum in viverra vitae, malesuada et tortor. Vivamus auctor semper ornare. Cras tempus sem sed justo ornare facilisis. Sed accumsan blandit fermentum. Integer est ante, dignissim vel metus quis, venenatis eleifend dui. Donec cursus vel odio sollicitudin fermentum. Aenean nec finibus felis. Morbi scelerisque, ex a imperdiet ullamcorper, sapien lectus accumsan metus, et malesuada erat dolor vel odio. Donec efficitur tempor massa quis efficitur.

Nunc nisl erat, vehicula maximus eros quis, maximus imperdiet urna. Nam blandit turpis mauris, non faucibus nisl auctor at. Vivamus luctus volutpat sapien at congue. Sed accumsan nisi vel tellus iaculis semper. Vivamus facilisis libero at libero sagittis fermentum. Mauris efficitur dapibus ligula. Donec aliquam eu lacus at sodales. Proin tortor sapien, condimentum in viverra vitae, malesuada et tortor. Vivamus auctor semper ornare. Cras tempus sem sed justo ornare facilisis. Sed accumsan blandit fermentum. Integer est ante, dignissim vel metus quis, venenatis eleifend dui. Donec cursus vel odio sollicitudin fermentum. Aenean nec finibus felis. Morbi scelerisque, ex a imperdiet ullamcorper, sapien lectus accumsan metus, et malesuada erat dolor vel odio. Donec efficitur tempor massa quis efficitur.

Nunc nisl erat, vehicula maximus eros quis, maximus imperdiet urna. Nam blandit turpis mauris, non faucibus nisl auctor at. Vivamus luctus volutpat sapien at congue. Sed accumsan nisi vel tellus iaculis semper. Vivamus facilisis libero at libero sagittis fermentum. Mauris efficitur dapibus ligula. Donec aliquam eu lacus at sodales. Proin tortor sapien, condimentum in viverra vitae, malesuada et tortor. Vivamus auctor semper ornare. Cras tempus sem sed justo ornare facilisis. Sed accumsan blandit fermentum. Integer est ante, dignissim vel metus quis, venenatis eleifend dui. Donec cursus vel odio sollicitudin fermentum. Aenean nec finibus felis. Morbi scelerisque, ex a imperdiet ullamcorper, sapien lectus accumsan metus, et malesuada erat dolor vel odio. Donec efficitur tempor massa quis efficitur.

Mauris ornare turpis ut consectetur faucibus. In sodales nibh urna. Nunc luctus sagittis placerat. Integer vitae velit quis velit vulputate placerat at a orci. Nam ut bibendum diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ut tellus leo. Nunc est ligula, dictum ut pellentesque sed, pharetra semper nisl.


Was this article useful?    

The topic was:

Inaccurate

Incomplete

Not what I expected

Other