Revised the whole theme for RichTextArea.
svn changeset:11985/svn branch:6.3
.v-theme-version:after {content:"6_3_0_dev-20100318";}
.v-theme-version-6_3_0_dev-20100318 {display: none;}
+
/* Automatically compiled css file from subdirectories. */
.v-absolutelayout-wrapper {
height: 0;
}
+
.v-textfield {
text-align: left /* Force default alignment */
}
background: transparent;
border: none;
}
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
-}
-.v-richtextarea iframe {
- border: 0;
-}
/* Disabled by default
.v-textarea-error,
.v-textfield-error,
outline-width: medium;
}
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+}
+
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+ background: #959595 url(textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
+ border-bottom: 1px solid #7d7d7d;
+ padding: 2px;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar-top {
+ padding-bottom: 1px;
+ overflow: hidden;
+ white-space: normal;
+}
+.v-richtextarea .gwt-RichTextToolbar-bottom {
+ clear: left;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+ display: inline;
+ width: 22px;
+ height: 21px;
+ overflow: hidden;
+ background: transparent url(textfield/img/richtext-toolbar-bg.png) repeat-x;
+ cursor: pointer;
+ margin-right: 2px;
+ text-align: center;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ background-position: 0 -21px;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
+
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+ width: 24.5%;
+ margin-right: 2px;
+}
+
.v-tree {
text-align: left; /* Force default alignment */
overflow: hidden;
--- /dev/null
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+}
+
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+ background: #959595 url(img/richtext-toolbar-bg.png) repeat-x 0 -42px;
+ border-bottom: 1px solid #7d7d7d;
+ padding: 2px;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar-top {
+ padding-bottom: 1px;
+ overflow: hidden;
+ white-space: normal;
+}
+.v-richtextarea .gwt-RichTextToolbar-bottom {
+ clear: left;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+ display: inline;
+ width: 22px;
+ height: 21px;
+ overflow: hidden;
+ background: transparent url(img/richtext-toolbar-bg.png) repeat-x;
+ cursor: pointer;
+ margin-right: 2px;
+ text-align: center;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ background-position: 0 -21px;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
+
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+ width: 24.5%;
+ margin-right: 2px;
+}
\ No newline at end of file
--- /dev/null
+.v-textfield {
+ text-align: left /* Force default alignment */
+}
+.v-textarea {
+}
+.v-textfield-focus,
+.v-textarea-focus {
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+ color: #999;
+ font-style: italic;
+}
+.v-textfield.v-readonly,
+.v-textarea.v-readonly {
+ background: transparent;
+ border: none;
+}
+/* Disabled by default
+.v-textarea-error,
+.v-textfield-error,
+.v-richtextarea-error iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-textarea-required,
+.v-textfield-required,
+.v-richtextarea-required iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Safari focus glow fix */
+.v-sa input:focus,
+.v-sa textarea:focus {
+ outline-width: medium;
+}
\ No newline at end of file
-.v-textfield {
- text-align: left /* Force default alignment */
-}
-.v-textarea {
-}
-.v-textfield-focus,
-.v-textarea-focus {
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
- color: #999;
- font-style: italic;
-}
-.v-textfield.v-readonly,
-.v-textarea.v-readonly {
- background: transparent;
- border: none;
-}
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
-}
-.v-richtextarea iframe {
- border: 0;
-}
-/* Disabled by default
-.v-textarea-error,
-.v-textfield-error,
-.v-richtextarea-error iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Disabled by default
-.v-textarea-required,
-.v-textfield-required,
-.v-richtextarea-required iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Safari focus glow fix */
-.v-sa input:focus,
-.v-sa textarea:focus {
- outline-width: medium;
-}
\ No newline at end of file
+@import "textfield-normal.css";
+@import "richtext.css";
\ No newline at end of file
.v-theme-version:after {content:"6_3_0_dev-20100318";}
.v-theme-version-6_3_0_dev-20100318 {display: none;}
+
/* Automatically compiled css file from subdirectories. */
.v-absolutelayout-wrapper {
height: 0;
}
+
.v-textfield {
text-align: left /* Force default alignment */
}
background: transparent;
border: none;
}
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
-}
-.v-richtextarea iframe {
- border: 0;
-}
/* Disabled by default
.v-textarea-error,
.v-textfield-error,
outline-width: medium;
}
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+}
+
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+ background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
+ border-bottom: 1px solid #7d7d7d;
+ padding: 2px;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar-top {
+ padding-bottom: 1px;
+ overflow: hidden;
+ white-space: normal;
+}
+.v-richtextarea .gwt-RichTextToolbar-bottom {
+ clear: left;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+ display: inline;
+ width: 22px;
+ height: 21px;
+ overflow: hidden;
+ background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
+ cursor: pointer;
+ margin-right: 2px;
+ text-align: center;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ background-position: 0 -21px;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
+
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+ width: 24.5%;
+ margin-right: 2px;
+}
+
.v-tree {
text-align: left; /* Force default alignment */
overflow: hidden;
.v-theme-version:after {content:"6_3_0_dev-20100318";}
.v-theme-version-6_3_0_dev-20100318 {display: none;}
+
/* Automatically compiled css file from subdirectories. */
.v-absolutelayout-wrapper {
height: 0;
}
+
.v-textfield {
text-align: left /* Force default alignment */
}
background: transparent;
border: none;
}
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
-}
-.v-richtextarea iframe {
- border: 0;
-}
/* Disabled by default
.v-textarea-error,
.v-textfield-error,
outline-width: medium;
}
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+}
+
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+ background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
+ border-bottom: 1px solid #7d7d7d;
+ padding: 2px;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar-top {
+ padding-bottom: 1px;
+ overflow: hidden;
+ white-space: normal;
+}
+.v-richtextarea .gwt-RichTextToolbar-bottom {
+ clear: left;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+ display: inline;
+ width: 22px;
+ height: 21px;
+ overflow: hidden;
+ background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
+ cursor: pointer;
+ margin-right: 2px;
+ text-align: center;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ background-position: 0 -21px;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
+
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+ width: 24.5%;
+ margin-right: 2px;
+}
+
.v-tree {
text-align: left; /* Force default alignment */
overflow: hidden;
fp.remove(rta);
fp.add(html);
}
-
this.enabled = enabled;
}
}
*/
public interface Images extends ClientBundle {
- ImageResource bold();
+ ImageResource bold();
- ImageResource createLink();
+ ImageResource createLink();
- ImageResource hr();
+ ImageResource hr();
- ImageResource indent();
+ ImageResource indent();
- ImageResource insertImage();
+ ImageResource insertImage();
- ImageResource italic();
+ ImageResource italic();
- ImageResource justifyCenter();
+ ImageResource justifyCenter();
- ImageResource justifyLeft();
+ ImageResource justifyLeft();
- ImageResource justifyRight();
+ ImageResource justifyRight();
- ImageResource ol();
+ ImageResource ol();
- ImageResource outdent();
+ ImageResource outdent();
- ImageResource removeFormat();
+ ImageResource removeFormat();
- ImageResource removeLink();
+ ImageResource removeLink();
- ImageResource strikeThrough();
+ ImageResource strikeThrough();
- ImageResource subscript();
+ ImageResource subscript();
- ImageResource superscript();
+ ImageResource superscript();
- ImageResource ul();
+ ImageResource ul();
- ImageResource underline();
+ ImageResource underline();
}
/**
outer.add(topPanel);
outer.add(bottomPanel);
- topPanel.setWidth("100%");
- topPanel.setHeight("20px");
- topPanel.getElement().getStyle().setProperty("overflow", "hidden");
- bottomPanel.setWidth("100%");
+ topPanel.setStyleName("gwt-RichTextToolbar-top");
+ bottomPanel.setStyleName("gwt-RichTextToolbar-bottom");
initWidget(outer);
setStyleName("gwt-RichTextToolbar");
lb.setVisibleItemCount(1);
lb.addItem(strings.font(), "");
- lb.addItem(strings.normal(), "");
+ lb.addItem(strings.normal(), "inherit");
lb.addItem("Times New Roman", "Times New Roman");
lb.addItem("Arial", "Arial");
lb.addItem("Courier New", "Courier New");
return pb;
}
- private ToggleButton createToggleButton(ImageResource img,
- String tip) {
+ private ToggleButton createToggleButton(ImageResource img, String tip) {
final ToggleButton tb = new ToggleButton(new Image(img));
tb.addClickHandler(handler);
tb.setTitle(tip);