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”-