Examples of org.apache.click.element.CssStyle

org.apache.click.element.CssStyle
se lazy loading to ensure the CSS import is only added the // first time this method is called. if (headElements == null) { // Get the header entries from the super implementation headElements = super.getHeadElements(); CssStyle cssStyle = new CssStyle("body { font: 12px arial; }"); headElements.add(cssStyle); } return headElements; } } The cssStyle instance will render as follows:
```
 <style type="text/css"> body { font: 12px arial; } </style> 
```
Below is an example showing how to render inline CSS from a Velocity template.
First we create a Velocity template (/css/style-template.css) which contains the variable $context that must be replaced at runtime with the application context path:
```
 .blue { background: #00ff00 url('$context/css/blue.png') no-repeat fixed center; } 
```
Next is the Page implementation:
```
 public class MyPage extends Page { public List getHeadElements() { // We use lazy loading to ensure the CSS is only added the first time // this method is called. if (headElements == null) { // Get the head elements from the super implementation headElements = super.getHeadElements(); Context context = getContext(); // Create a default template model to pass to the template Map model = ClickUtils.createTemplateModel(this, context); // Specify the path to CSS template String templatePath = "/css/style-template.css"; // Create the inline Css for the given template path and model CssStyle cssStyle = new CssStyle(templatePath, model); headElements.add(cssStyle); } return headElements; } } 
```
The Css above will render as follows (assuming the context path is myApp):
```
 <style type="text/css"> .blue { background: #00ff00 url('/myApp/css/blue.png') no-repeat fixed center; } </style> 
```
Character data (CDATA) support
Sometimes it is necessary to wrap inline {@link CssStyle Css} inCDATA tags. Two use cases are common for doing this:
- For XML parsing: When using Ajax one often send back partial XML snippets to the browser, which is parsed as valid XML. However the XML parser will throw an error if the content contains reserved XML characters such as '&', '<' and '>'. For these situations it is recommended to wrap the style content inside CDATA tags.
- XHTML validation: if you want to validate your site using an XHTML validator e.g: http://validator.w3.org/.
To wrap the CSS Style content in CDATA tags, set {@link #setCharacterData(boolean)} to true. Below is shown how the Csscontent would be rendered:
```
 <style type="text/css"> /∗<![CDATA[∗/ div > p { border: 1px solid black; } /∗]]>∗/ </style> 
```
Notice the CDATA tags are commented out which ensures older browsers that don't understand the CDATA tag, will ignore it and only process the actual content.
For an overview of XHTML validation and CDATA tags please see http://javascript.about.com/library/blxhtml.htm.

    private void setHeadElements() {
        // Add a Css import to the Page
        getHeadElements().add(new CssImport("/general/page-head-demo.css"));


        // Add inline Css content to the Page that increases the field font-size
        getHeadElements().add(new CssStyle("#" + field.getId() + " { font-size: 18px; }"));


        // Add the JQuery library to the Page
        getHeadElements().add(new JsImport("/assets/js/jquery-1.3.2.js"));


        // Add a JQuery template which adds a 'click' listener to the link

View Full Code Here


            // Add a Css import to the Page
            headElements.add(new CssImport("/general/page-head-demo.css"));


            // Add inline Css content to the Page that increases the field font-size
            headElements.add(new CssStyle("#" + field.getId() + " { font-size: 18px; }"));


            // Add the JQuery library to the Page
            headElements.add(new JsImport("/assets/js/jquery-1.4.2.js"));


            // Add a JQuery template which adds a 'click' listener to the link

View Full Code Here


            headElements.addAll(getControlLink().getHeadElements());
        }


        String tableId = getId();
        CssStyle cssStyle = new CssStyle();
        cssStyle.setId(tableId + "_css_setup");


        if (!headElements.contains(cssStyle)) {
            boolean isDarkStyle = isDarkStyle();


            String contextPath = context.getRequest().getContextPath();
            HtmlStringBuffer buffer = new HtmlStringBuffer(300);
            buffer.append("th.sortable a {\n");
            buffer.append("background: url(");
            buffer.append(contextPath);
            buffer.append("/click/column-sortable-");
            if (isDarkStyle) {
                buffer.append("dark");
            } else {
                buffer.append("light");
            }
            buffer.append(versionIndicator);
            buffer.append(".gif)");
            buffer.append(" center right no-repeat;}\n");
            buffer.append("th.ascending a {\n");
            buffer.append("background: url(");
            buffer.append(contextPath);
            buffer.append("/click/column-ascending-");
            if (isDarkStyle) {
                buffer.append("dark");
            } else {
                buffer.append("light");
            }
            buffer.append(versionIndicator);
            buffer.append(".gif)");
            buffer.append(" center right no-repeat;}\n");
            buffer.append("th.descending a {\n");
            buffer.append("background: url(");
            buffer.append(contextPath);
            buffer.append("/click/column-descending-");
            if (isDarkStyle) {
                buffer.append("dark");
            } else {
                buffer.append("light");
            }
            buffer.append(versionIndicator);
            buffer.append(".gif)");
            buffer.append(" center right no-repeat;}");
            cssStyle.setContent(buffer.toString());
            headElements.add(cssStyle);
        }
        return headElements;
    }

View Full Code Here

0 1

TOP

Related Classes of org.apache.click.element.CssStyle

org.apache.click.Context

org.apache.click.control.Table

org.apache.click.examples.page.general.PageHeadDemo

org.apache.click.util.PageImports

org.apache.commons.lang.builder.HashCodeBuilder

java.util.HashMap

java.util.Map

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of org.apache.click.element.CssStyle

Character data (CDATA) support

Related Classes of org.apache.click.element.CssStyle