Hi
I'm trying to make a div box that should be repeating region but have problems with this. When I create a div tag that looks like this
<div id="referanser_repeating_box1" class="cms-repeat cms-editable"> some text </ div>
The colors or borders are not included in the new div that is created.
What could be wrong or how do I make repeating div's that shows the colors and borders that I made in the orginal div ?
Morten - Artivo Design
Hey Morten,
My bet is that you have your styles tied to the ID [id="referanser_repeating_box1"] when we duplicate the repeated region a new unique ID is dynamically added. So just switch your ID to a CLASS in your style sheet [.referanser_repeating_box1] and add that class to the stack:
<div id="somethingunique" class="cms-repeat cms-editable referanser_repeating_box1"> some text </ div>
That will do the trick
Hi Tom
You guys are the best :-) All works fine now.
Thank you!
Best
Morten - Artivo Design
Hey Guys I seem to be having a similar issue. Here is the page.. http://baysidesportsgrill.com/events.htm
My clients seems to always mess up the styling. The entire repeating region has a mix of h2, h3 and p tags. However I generally get a mess of text in the h2 tag. Is there a way to lock this down. Do I add an editable class to each tag? Can I even add a class to an h2 tag? Would each tag also need a unique ID?
Thanks in advance
Adam
Purveyor of Awesome
Hey Cronos,
As you suspected, the best way to lock down styling is to give each individual tag a "cms-editable" class. You can certainly add a "cms-editable" to an h2, h3, span, p, etc... (ul tags are not supported but the li is, you can also wrap a ul in a div and put it on the wrapping div for easier editing). Then, use a "cms-repeat" tag on the div that contains all these elements. This will allow your client to repeat the element, change all the content and keep the styles.
Thanks Adam. Does each tag also need a unique ID as well (beyond the class), or can just the entire repeating region's unique ID fit the bill.
Adam
Purveyor of Awesome
Each element with a "cms-editable" class will need its own unique ID. That's how pagelime keeps track of which element it's editing!
Cheers!
great thanks that helps.
Sorry to hit this again. Does the div that wraps the entire repeatable region also need its own unique ID beyond just the individual elements?
Yup - it does. Otherwise we wouldn't know where to anchor new regions off of in the code :)
Thank! Just wanted to make sure before I go ID and class crazy.
I've just spent the whole afternoon puzzling about why my repeating regions weren't displaying the right style. I've only just found this post about making sure the style is set as a class and not applied to the div, as a unique name is created with each repeat. I hadn't realised that. To prevent other new users wasting as much time as I have, would it be possible to incorporate a warning in the user guide in the repeating regions chapter?
I am also having trouble with the formatting using the repeat regions. I have it working properly but it's just not picking up the style surrounding the box.
I've taken a screen shot of what I'm trying to replicate (www.thatsgraphic.com.au/screen.jpg)
It would be really helpful to have some layout samples with the code for a few different scenarios. It might save you admin guys lots of time in not having to answer questions relating to this.
Hi netti,
This is a site I've just launched (the client hasn't added any content at the time of writing..
http://www.heatontownshipassociation.co.uk/events.html
It seems that the layout is very similar to the one in your screenshot - the whole 'box' is a repeating region and the individual elements (img, H1 and 'story') editable.
You should be able to view the source code and the css.
HTH
MIck
Me again!! I have the editable regions working ok but there is only one bubble bar (the tab with the '+ - and arrows), showing. Is that correct? It seems that the only arrows working are for the top 2 entries. I've taken a screen shot in edit mode (http://www.thatsgraphic.com.au/screen2.jpg). For instance I want the 'Fencing' to go under 'Features'. I thought there would have been a bubble bar for each of the listings.
Also with just the one bubble bar, if I want to delete a listing it takes out the first one. I feel there is something I'm not doing right. Any help would be appreciated.
This is my code for the 3 listings.
<div class="portfolio cms-repeat" id="portfolio">
<div id="portcontent" class="portcontent cms-editable">
<h2>EDGING</h2>
<p>Garden edging can be made from various types of materials including pavers, blocks, concrete or what ever you may desire.
View more details and photos... </p>
</div>
</div>
<div id="ecbf1e" class="portfolio cms-repeat cms-previous-repeat-item-id-ef40b2" style="opacity: 1;">
<div id="edd0dd" class="portcontent cms-editable">
<h2>FENCES</h2>
<p>Riverland Creative Gardens can assist you with choosing the right fencing solution for your situation. We supply and install panel fences, pool, post and rail, pickets, block and various decorative fences.
View more details and photos... </p>
</div>
</div>
<div id="ef40b2" class="portfolio cms-repeat cms-previous-repeat-item-id-e6bc19" style="opacity: 1;">
<div id="eac10f" class="portcontent cms-editable">
<h2>FEATURES</h2>
<p>Features in gardens are used to highlight or lift areas, to provide focal points or create interest. Features vary from the very basic use of natural products like bluestone rocks (Just Rocks) to elabrate water features. Pots and urns are also ...
View more details and photos... </p>
</div>
</div>
You must log in to post.
