Pagelime Support & User Forum

A place for Pagelime user's to get awesome and talk!

1. 

   agoodconcept
   Member

   I'm having a hard time figuring out the best way to make something that at least looks like a list editable for my client.

   my first solution was to create a million paragraph tags so that I could control the spacing between each item nicely, and when my "list" items wrapped onto two or more lines, they held together nicely with larger inbetween it and the next paragraph item.

   then I tried using one paragraph tag and separating the items with breaks, which made me cringe to put in my code. I'm sure I could tighten up the spacing a little, but everything becomes too separated for my liking with two breaks inbetween each item. Plus, I'm not sure how messy this could get once they start editing their content.

   My client is a bakery, and half of their website is listing the different types of goodies they make...just wondering if there is a clever workaround that I'm not thinking of to achieve the look lists.

   Thanks,
   Katrina

   Posted 2 years ago #
2. 

   Adam
   Purveyor of Awesome

   Hey Katrina,

   Unless I'm missing something, why don't you try an Unordered list "ul"?

   You can setup all your formatting within the "li" tag and then make the "li" tag repeatable so your client can add and remove items as they need them?

   Posted 2 years ago #
3. 

   agoodconcept
   Member

   when I put the editable class on an ul it told me it wasn't supported.

   Posted 2 years ago #
4. 

   Adam
   Purveyor of Awesome

   Yes, currently the actual UL tag is unsupported, but what you would do, is add cms-repeat on an LI tag, then that tag becomes repeatable. I am actually in the process of recording a video tutorial about this right now- it should be up later today. I'll keep you posted.

   Posted 2 years ago #
5. 

   agoodconcept
   Member

   You are right, I can make them li's and make them repeatable and editable - I am going to use this, it will work basically the same as incorrectly using many paragraphs, I guess my problem with that in the first place, was that since there are so many, the page gets messy very quickly with edit bubbles.

   Thanks Adam, I wasn't being very smart and should have been able to figure it out. I just keep hoping that I can make the ul editable and not have all these staggered edit bubbles all over the page.

   Posted 2 years ago #
6. 

   Adam
   Purveyor of Awesome

   Katrina,

   Another alternative that might be exactly what you are looking for, is wrapping the UL in a simple DIV - just give it an ID and cms-editable Tag, then when you edit it, it will allow you to manage the entire list at once.

   It could be a little tricky for the client if they have full access to all the WYSIWYG editor buttons because they COULD break some formatting, but if they are just editing the text, it should be fine.

   Posted 2 years ago #
7. 

   agoodconcept
   Member

   That sounds exactly like what I was trying to do - when I try to implement this on http://agoodconcept.com/elegance/cms/todays_desserts.php pagelime hasn't recognized anything being editable for those DIVs though.

   It's seeing the large copy, and large image as being editable, but that's it - let me know if you see something I'm doing incorrectly for those lists - if nothing else I will just stick with repeatable LI

   Thanks again Adam

   Posted 2 years ago #
8. 

   Adam
   Purveyor of Awesome

   Ok Katrina, here's what is/was going on.

   So since your Lists were floated left, and the DIV didn't have any attributes, even with the ULs inside the DIVs, the browser was rendering the DIVs as invisible/not there- so... their edit bubbles were also invisible/not appearing. In order to force the browser to render those container DIVs, I added a height of 1 pixel using an inline style declaration=. Now the edit bubbles show up and you can edit those lists.

   I went ahead and impersonated your account to work out the fix, I hope that's ok. You'll probably want to move the 1px height style declaration to a style sheet/class so that the code is valid.

   If you have any other questions, let me know!

   Posted 2 years ago #
9. 

   agoodconcept
   Member

   Absolutely ok! Thanks Adam - I appreciate it greatly!

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.