RSS

Community / General Info About Unify

Working with Unify Repeatables

Unit Interactive Staff Aug 24, 2009

Unify Repeatables are groupings of content that utilize two special classes: unifyRepeatArea and unifyRepeat. By applying the unifyRepeatArea class to a container, you create an area that can hold multiple content arrays with the unifyRepeat class applied to them. The example below shows the proper arrangement.

repeatables.gif

All unifyRepeat elements must be inside of a unifyRepeatArea wrapper. This wrapper must be a block-level element, and will restrict the movement of unifyRepeat elements to within its boundary

In the Unify visual editor:

  • Click-drag on a repeatable element to drag it to a new location within the repeatable area.
  • Hover on a repeatable element and click the “X” icon to delete that individual repeatable element.
  • Hover on a repeatable element and click-drag the copy icon to drag a new copy of that repeatable element. You may then click the update now icon to open the editing interface. There you may edit the individual content elements of that element, creating a new/unique content entry in the array.

 

 

Comments

User photo
Jaron R. Ballard

Hello, I'm having issues with unify not recognizing my repeatable areas. I did my best to make sure that the markup was correct. Take a look below to see if I'm just full of crap though. is something wrong here?

<div class="unifyRepeatArea">

            <div class="threeCol unifyRepeat">

                <h3 class="red">Rainbow Springs Ranch</h3>

                <p>E 1601 Elioka Lake Road / Phone: 509-276-8552 / Fax :509-276-8725<br />

                Website: www.rainbowspringsranch.com / Email: rainbowspringsbb@aol.com</p>

            </div>

            <div class="threeCol unifyRepeat">

                <h3 class="red">The Serenity Inn</h3>

                <p>N 21516 Felspar Road / Phone: 509-276-1844 / Fax: 509-276-9004<br />

                Website: www.theserenityinn.com / Fax: info@theserenityinn.com</p>

            </div>

            <div class="threeCol unifyRepeat">

                <h3 class="red">Look Lake Motel</h3>

                <p>3945 Hwy 292 / Phone: 509-233-2916 / Fax: 509-233-2916<br />

                Emaili: loonlakemoteladmin@qwestoffice.net</p>

            </div>

            <div class="threeCol unifyRepeat">

                <h3 class="red">Quality Inn Oakwood</h3>

                <p>7919 North Division / Phone: 509 467-4900 / Fax: 509-467-4933<br />

                Website: qualityinnoakwood.com / Email: ruthmoss@comcast.net</p>

            </div>

</div>

Jan-09 2010 15:20.