Pagelime Support & User Forum

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

1. 

   PatTheWebGuy
   Member

   Hello.

   I am having a heck of a time trying to get the editing tags to appear on a client's test page.
   If I set up my code with:
   <div class="cms-editable">, PL will complain with a red bubble saying it's not an ID. However, if I change it to an ID, nothing will show up.
   With:
   <div class="cms-editable" id="something">, this will work, but I then can't use the "something" style elsewhere on the page?

   So, for something like this:
   This is id=cms-editable class=email1: no edit tag
   <div id="cms-editable" class="email1">this@place.ca</div>
   
   This is class=cms-editable id=email2: edit tag
   <div class="cms-editable" id="email2">that@place.ca</div>
   
   This is class=cms-editable: red warning bubble

   <div class="cms-editable">that@place.ca</div>
   The CSS will have to be something like:
   #email1, #email2 { <insert styles here>; }

   Is this correct, or am I completely off on this? I mean, I did create a test page before for PL usage, but didn't have any problems with it at all. Tags were showing up perfectly.

   My apologies if this sounds more like a rant, but I was hoping PL was going to work for my clients.

   Pat

   Posted 5 months ago #
2. 

   Emil
   PageLime Founder

   You can have multiple CSS classes like so:

   <div id="my_div" class="cms-editable all-my-divs">...</div>

   does that help?

   Posted 5 months ago #
3. 

   PatTheWebGuy
   Member

   Hello Emil,

   Is there any way to resolve something like:
   <h1 class="cms-editable">Heading</h1> // using default H1 characteristics
   since it's going to complain it's not the ID attribute (the red warning bubble)? And if it is the ID attribute, the editing tag won't show up.

   This is the site I'm testing PL on:
   http://www.pagelime.airdrieweb.ca

   Why would the red warning bubble appear if it's set like above? Doesn't sound logical to me..

   This would mean I have to something like:
   <h1 id="a-style" class="cms-editable">Heading</h1>
   to make the tagging work?

   Sorry for being so picky, otherwise PL seems like a great system (definitely a lower cost than a full CMS setup),
   Pat

   Posted 5 months ago #
4. 

   Emil
   PageLime Founder

   <h1 id="firstHeading" class="cms-editable">Heading</h1> will work

   Posted 5 months ago #
5. 

   cronos916
   Administrator

   Hey Pat,

   I hope you don't mind if I chime in on this. I think your questions are more geared towards css rather than pagelime.

   Each editable area needs both a unique ID and a class of cms-editable. So if you you have 5 areas that are editable each will have a unique ID. You can reuse these IDs on other pages. Don't attach any style to these IDs. To attach style add another class to the editable area. So your code might look like this.

   <div id="firstEdit" class="cms-editable firstStyle">Content</div>
   <div id="secondEdit" class="cms-editable secondStyle">More Content</div>

   Your classes of firstStyle and secondStyle are the only classes you need to create and use as styling hooks, the others allow pagelime to edit to your site. Does this help?

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.