After a bit of development, usability testing, and user feedback, we feel pretty comfortable releasing repeating regions for PageLime. What are repeating regions you ask? Jeez, we need to explain this one too? Here goes:
So let’s say you have a list of frequently asked questions, and you wanted to add a new one at the bottom of the list, you can do that with repeating regions. Same goes for a lightbox image gallery, news list, etc.
So here’s how it works: Add the CSS class “cms-repeat” to any element and voila, the area can new be duplicated, sorted, removed, etc.
hello repeats!
You can also combine this class with “cms-editable” like so:
This whole area is editable!
Hooray
You can also put editable elements inside the repeatable element:
This heading is editable!
This paragraph is not.
When you mouse-over a repeating region in PageLime, you will see this fun little bubble come up. Clicking the icons in the bubble will duplicate, remove, move-up, or move-down an item in the repeating region list.
pagelime repeating regions bubble
Needless to say, repeating regions should work with all of the existing PageLime features such as page includes and content history.
We’re working on a lot of polish for this feature, such as drag-and-drop sorting, prettier bubbles, etc. Please give repeating regions a whirl and let us know what your thoughts are. Submit any comments, suggestions, and gripes to our uservoice forum: pagelime.uservoice.com.
Is this feature available now? I have the professional plan. Does it work on that? I added the cms-repeat to the class but it doesn’t seem to be showing up. Where does the bubble pop up at?
Hi Jimmy, the feature is available! You probably need to clear your cache or restart your browser, and the bubbles should show up. The bubbles show up when you mouse over a repeatable element.
Hi, great feature. I have a free accoount does it work on that too? I cant get it to work as u describe. First of all your example show I tried to do the same, but then the editor complain about “An editable area must have a unique “id” attribute.”
Then I added an id but the bubbles still dont pop-up. Im using IE8.
Thx!
Hi Martin,
You should be good to go with the approach you’re taking. You may need to clear your cache for the bubbles to pop up, as PageLime is a heavy JS app, and caches a lot of the client side scripts. If you’re still having trouble, shoot me an email to emil [at] pagelime [dot] com, and I’ll get you set up.
Emil -
T H A N K Y O U! and Merry Christmas to you to!
- Richard
Merry Christmas to you too Richard! Looking forward to seeing repeating regions added to the Rapidweaver stack!
Hello,
I know we live in a Web 2.0 world but I should be able to repeat a TR tag. Tables are still great for tables..
Also, why don’t you Repeat the code block from the original file, the one on the FTP, so we can use dynamic variables (PHP or what have you)?
Thanks
Hi, Great feature… if I can get it to work!
I have tried your example:
This heading is editable!
As Martin describes I too get the message “An editable area must have a unique “id” attribute.”
Tried different browsers, restarted browsers, added ID same message appears.
Hope you can help.
Thanks
Quite excited to see this feature, however it’s not working for me.
I have added your example as a test:
This whole area is editable!
But despite trying different browsers, adding ID I continue to get the error: “An editable area must have a unique “id” attribute.”
Do you have this working as a test site or any advice?
Hope you can help.
Thanks
Rich
Hi Richard,
Simple fix, just add the ID to the repeatable DIV and the editable area, and you should be good to go:
<div id=”repeatArea” class=”cms-repeat”>
<h1 id=”editableHeading” class=”cms-editable”>This heading is editable!
Hope that makes sense! I’ve also sent you an email with the solution above.
I have been using repeating regions for a while but always come up with the same problem. Whenever I repeat a region, the borders, padding, margins etc disappear on that div. I thought it was just me making mistakes in the code but I can’t seem to fix it.
I have tried a number of work arounds but with no luck – even placing the a tag (editable) inside a div (repeatable).
I am currently putting together a Lightbox gallery for my clients site and repeating the images is leaving me with the above problem. Any ideas?
Cheers,
Keith.
Hey Keith,
Are you using inline styles on those DIVs? Shoot me an email to support [at] pagelime.com with your account email and details about the site/page you’re working on and I’ll help you sort this out.
Best,
Emil
I love this feature, but sometimes I dont get it to work. Got the same problem with the id attribute. Even when I upload an older version of the site, renaming the id the “old” information is still repeating and I get the Id error message.
Having som problems with this one. It doesnt show correct, and sometimes I`losing content. They just disapears from the list. Is this feature. I just use clean Div`s with your ID an CLASS tag.
This is a simple use of the repeating region that suddenly loses content, element aso:
This is the header and is editable
This the content and is also editable
Hi Sindre – shoot me an email to support [at] pagelime.com and we’ll get it worked out. I’d like to take a look at your page, and your setup. Thanks!
Hi,
Can Someone help???
I am trying to make an image editable within a DIV But the DIV with an image will have to be display in the page twice.
so this is the code i am using but I get
and then use gain the same code on the same page:
and i getting an error bubble saying “An editable area must have a unique “id” attribute.”
stuck :S
anyone!!!
Chris – we can absolutely help out – shoot us an email at support[at]pagelime.com and we’ll work this out.
Best,
Emil
Hi Guys,
Well done on the set-up. Hoping to use pagelime but it does seem to be lacking in any instructions. I found plenty of instructions for how to use the system once a site has been set up, editing and adding content etc, but is there any literature on-line for how to add in all the tags necessary throughout a site to make it editable in the first place.
Austin
Same thing especially with the repeatable regions. Are there any examples on-line where I can see the code in use. We are trying to make a quicklink side navigation a repeatable region, using HTML and CSS (can’t use php). Here is the code we are using:
SUB SECTIONS
Policy Vacuum
Offshore Windfarms
Irish & international Comparisons
Current Developments
Regulatory Failure
Recommendations – The Future
Thanks, Austin
Nice new feature, must give it a try!
I’m running into the problem that, because of the php include, you can edit the navigation on all the pages — but it does not save the changes unless you make the changes to the navigation file specifically.
Additionally, you cannot navigate to the navigation page without actually typing in the url.
Anyone have solutions for this?
Absolutely – just enable the “publish includes” feature and the navigation changes will publish form any page. Take a look here:
http://blog.pagelime.com/2009/09/16/new-labs-feature-auto-publish-server-side-includes/
If you enable the includes feature, whenever you publish a page, we will scan and publish the includes as well, so the bubbles will work from any page. This way you can build “shared” regions that will publish to all pages when updated from any page.
This feature should work transparently with content history etc.
I’ll shoot you an email with the details as well.
Is there a way to convert repeated regions in an all ready developed page to repeatable regions.
I have create my site with Pagelime (after working with ICE from Adobe) I make my index page editble and have a CSS style sheet. The first stap I chance my to . After that I lost the connection to my style sheet…. and I need to set te text to Heading 4 in your tool…. Is this correct or have I made mistake in the code below so i do not need the second
Ontwerp – “De Hobbit”Website van een lagere school in Leusden.
Algemene Waterschapspartij – Lijst 4 Vallei & Eem verkiezingsposter.
Flyers – Gemeente Leusden AED introductie in het winkelcentrum de Hamershof
Zetwerk – Smit Translation Folder Ford Fiesta
Thanks for your tool…..
Oeps he lost the code by sending to You, code without “< but with -” I chance my -h4- to -div h4 id=”h4a” class=”cms-repeat cms-editable”-
Hi Emil,
We have a page set up that has a list of products that will be linked to a paypal shopping cart. The client will want to add products to these pages, so the div that has the product information (image, text, price, paypal shopping cart button) needs to be repeatable. The structure that is necessary for the layout of information in this repeatable region means that it has a 4 editable divs inside it. But when we added the pagelime code it doesn’t work. When we select repeat it repeats all the information, but there is no formatting because it hasn’t repeated the editable divs. Here is the address of our test page which includes one repeatable region that we need to repeat http://www.naturia.ie/cmstest.html. Also, here is a page on the site thats currently built temporarily in tables that we are trying to replicate with repeatable regions and editable divs: http://www.naturia.ie/naturia_skin_care_products.html
I hope you can help,
Thanks,
Austin
Hi Emil,
sorry, i put the wrong email address with my last post.
We have a page set up that has a list of products that will be linked to a paypal shopping cart. The client will want to add products to these pages, so the div that has the product information (image, text, price, paypal shopping cart button) needs to be repeatable. The structure that is necessary for the layout of information in this repeatable region means that it has a 4 editable divs inside it. But when we added the pagelime code it doesn’t work. When we select repeat it repeats all the information, but there is no formatting because it hasn’t repeated the editable divs. Here is the address of our test page which includes one repeatable region that we need to repeat http://www.naturia.ie/cmstest.html. Also, here is a page on the site thats currently built temporarily in tables that we are trying to replicate with repeatable regions and editable divs: http://www.naturia.ie/naturia_skin_care_products.html
I hope you can help,
Thanks,
Austin
Hey Austin, I’ll shoot you an email and see if we can get to the bottom of this. It’s probably something simple we can work through.
That’s great Emil,
Looking forward to it,
Thanks
Hi Guys,
Have you had a chance to look at our problem with the repeatable divs?
Thanks,
Austin
looks like repeatable regions is not working
The code below (gallery.php) kept giving me unfounded “unique id” errors. As soon as I removed the “content_editable” class however problems went away…… so I finally switching to manual. Thought I let you know since the above question (posted by someone else) remains unanswered 6 months after posting.
here is the code that would not work…maybe I was doing something wrong. please let me know, I’d rather use this feature if possible
[code]
Filler and Botox
Lorem
b
a
Our Galleries:
Filler and Botox
VelaShape
Laser
[/code]
%3Cdiv%20id%3D%22sec_edit_01%22%3E%0A%09%3Ch2%20id%3D%22sec_h2%22%20class%3D%22cms-editable%22%3EFiller%20and%20Botox%3C%2Fh2%3E%0A%09%3Cp%20id%3D%22intro%22%20class%3D%22cms-editable%22%3ELorem%3C%2Fp%3E%0A%09%3Cdiv%20class%3D%22cms-repeat%22%3E%0A%09%09%3Ch4%20id%3D%22ba_title%22%20class%3D%22cms-editable%22%3E%3C%2Fh4%3E%0A%09%09%3Cp%20id%3D%22ba_description%22%20class%3D%22cms-editable%22%3E%3C%2Fp%3E%0A%09%09%3Ctable%20class%3D%22ba-table%22%3E%0A%09%09%09%3Ctr%3E%0A%09%09%09%09%3Ctd%20id%3D%22ba_table_b%22%20class%3D%22cms-editable%22%3Eb%3C%2Ftd%3E%0A%09%09%09%09%3Ctd%20id%3D%22ba_table_a%22%20class%3D%22cms-editable%22%3Ea%3C%2Ftd%3E%0A%09%09%09%3C%2Ftr%3E%0A%09%09%3C%2Ftable%3E%0A%09%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20%20id%3D%22sec_edit_02%22%3E%0A%09%3Ch2%3E%20Our%20Galleries%3A%20%3C%2Fh2%3E%0A%09%3Cdiv%20id%3D%22sidemenu%22%20class%3D%22cms-editable%22%3E%0A%09%09%20%3Cul%3E%0A%09%09%09%3Cli%3E%3Ca%20href%3D%22gallery%22%3EFiller%20and%20Botox%3C%2Fa%3E%3C%2Fli%3E%0A%09%09%09%3Cli%3E%3Ca%20href%3D%22gallery_vs%22%3EVelaShape%3C%2Fa%3E%3C%2Fli%3E%0A%09%09%09%3Cli%3E%3Ca%20href%3D%22gallery_ls%22%3ELaser%3C%2Fa%3E%3C%2Fli%3E%0A%09%09%20%3C%2Ful%3E%0A%09%3C%2Fdiv%3E%0A%3C%2Fdiv%3E
<div id="sec_edit_01">
<h2 id="sec_h2" class="cms-editable">Filler and Botox</h2>
<p id="intro" class="cms-editable">Lorem</p>
<div class="cms-repeat">
<h4 id="ba_title" class="cms-editable"></h4>
<p id="ba_description" class="cms-editable"></p>
<table class="ba-table">
<tr>
<td id="ba_table_b" class="cms-editable">b</td>
<td id="ba_table_a" class="cms-editable">a</td>
</tr>
</table>
</div>
</div>
<div id="sec_edit_02">
<h2> Our Galleries: </h2>
<div id="sidemenu" class="cms-editable">
<ul>
<li><a href="gallery">Filler and Botox</a></li>
<li><a href="gallery_vs">VelaShape</a></li>
<li><a href="gallery_ls">Laser</a></li>
</ul>
</div>
</div>
I was trying to figure out how to post the code, finally I used this:
http://htmlentities.net/
please delete the nonsensical post in between ant the bottom part of my post
one would think that this would be a blog with full featured editing in the comments…ironic
Hey Guys,
Can you put a repeatable region inside a repeatable region? For example, I am putting a price list on a page. It will comprise of an overall price-list div, containing repeatable regions inside. The repeatable regions will be for adding each product and its price within the price-list div
But, if there is going to be another price list on the page for advanced prices, with the possibility of yet another price list down the line, i need my price-list divs themselves to be repeatable.
Thanks,
Yes, you should be able to do this.
For other folks posting here: please shoot an email to support if you’re having a problem or post on the form. It’s easier to keep track of, and respond to issues that way.