...
Code Block | ||||
---|---|---|---|---|
| ||||
selectors: { editables: ".inlineEditable" } |
...
Skinning
This component can be skinned "out of the box" when you include our CSS skin files. Just be sure to put the following in you document:
Code Block | ||||
---|---|---|---|---|
| ||||
<link rel="stylesheet" type="text/css" href="css/fluid.states.css" />
<link rel="stylesheet" type="text/css" href="css/fluid.theme.mist.css" />
<link rel="stylesheet" type="text/css" href="css/fluid.theme.hc.css" />
|
and to attatch a class attribute that represents the skin you want to the components container, such as:
Code Block | ||||
---|---|---|---|---|
| ||||
<div id="inlineEditContainer" class="fl-theme-mist">
...
</div>
|
The above code would make use of the theme.mist.css skin file.
...
Dependencies
The Inline Edit dependencies can be met by including the minified Fluid-all.js
file in the header of the HTML file:
...