Different CSS in Different Inline Editable Sections

[John Haire]

Is there a way to use different style definitions in different inline editable sections on the same page?

Our implementation uses the ASP.NET server control for the editor as well as the EditableSection server controls for our inline editing sections. I have found where I can use the Styles property of the editor to set styles at runtime. Those styles are, of course, being applied to all editable sections on the page. What I would like to do is apply one set of style definitions to one editable section and a completely different set of definitions to another that appears on the same page.

I thought of perhaps putting two editors on the same page, one to serve one set of editable sections and the other to serve another set. But with the ASP.NET server controls you cannot specify which editor instance to tie any given editable section to.

[Just, Dylan]

> Is there a way to use different style definitions in different inline
editable sections on the same page?
> Our implementation uses the ASP.NET server control for the editor as
well as the
> EditableSection server controls for our inline editing sections.

You're looking for the "DivStyle" and "Class" properties of the
EditableSection control.

> I thought of perhaps putting two editors on the same page, one to
serve one
> set of editable sections and the other to serve another set.

We do not recommend doing this. You should have only one EditLive
control on the page.
 
Kind regards,

Dylan Just
Software Engineer
www.ephox.com
_______________________________________________
[hidden email]
List instructions at http://liveworks.ephox.com/mailing-list/

[Just, Dylan]

> We do not recommend doing this. You should have only one EditLive
asp.net
> control on the page.

Sorry - minor correction. You should have only one EditLive! control on
the page when using Inline Editing (but multiple EditableSections). If
you're using the standard editing mode, you may have multiple EditLive!
controls on the page - one for each editor.

_______________________________________________
[hidden email]
List instructions at http://liveworks.ephox.com/mailing-list/

[Andrew Herron-5]

> > Is there a way to use different style definitions in different
inline
> editable sections on the same page?
> > Our implementation uses the ASP.NET server control for the editor as
> well as the
> > EditableSection server controls for our inline editing sections.
>
> You're looking for the "DivStyle" and "Class" properties of the
> EditableSection control.

I think John means content CSS, not section border style :)

That can only be done at runtime in JavaScript using a similar technique
to this multiple configurations article.
http://liveworks.ephox.com/hints-tips/using-multiple-configurations-with
-inline-editing

Regards,
Andy

---
Andrew Herron, Senior Software Engineer
Global: [phone] x705  Australia: [phone]
Ephox <http://www.ephox.com> | Ephox Blogs <http://people.ephox.com>
_______________________________________________
[hidden email]
List instructions at http://liveworks.ephox.com/mailing-list/