/*
* Copyright 2009 IT Mill Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
* use this file except in compliance with the License. You may obtain a copy of
* the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations under
* the License.
*/
package com.itmill.toolkit.demo.featurebrowser;
import com.itmill.toolkit.ui.Alignment;
import com.itmill.toolkit.ui.Button;
import com.itmill.toolkit.ui.CustomComponent;
import com.itmill.toolkit.ui.Label;
import com.itmill.toolkit.ui.RichTextArea;
import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Button.ClickEvent;
/**
* An example using a RichTextArea to edit a Label in XHTML-mode.
*
*/
public class RichTextExample extends CustomComponent {
public static final String txt = "<h1>RichText editor example</h1>"
+ "To edit this text, press the <b>Edit</b> button below."
+ "<br/>"
+ "See the <A href=\"http://www.itmill.com/documentation/itmill-toolkit-5-reference-manual/\">manual</a> "
+ "for more information.";
private final VerticalLayout main;
private final Label l;
private final RichTextArea editor = new RichTextArea();
private final Button b;
public RichTextExample() {
// main layout
main = new VerticalLayout();
main.setMargin(true);
setCompositionRoot(main);
editor.setWidth("100%");
// Add the label
l = new Label(txt);
l.setContentMode(Label.CONTENT_XHTML);
main.addComponent(l);
// Edit button with inline click-listener
b = new Button("Edit", new Button.ClickListener() {
public void buttonClick(ClickEvent event) {
// swap Label <-> RichTextArea
if (main.getComponentIterator().next() == l) {
editor.setValue(l.getValue());
main.replaceComponent(l, editor);
b.setCaption("Save");
} else {
l.setValue(editor.getValue());
main.replaceComponent(editor, l);
b.setCaption("Edit");
}
}
});
main.addComponent(b);
main.setComponentAlignment(b, Alignment.MIDDLE_RIGHT);
}
}
|