+++ /dev/null
-@import url(../reindeer/styles.css);
-
-@import url(../sampler/styles.css);
\ No newline at end of file
+++ /dev/null
-@import url(../runo/styles.css);
-
-@import url(../sampler/styles.css);
\ No newline at end of file
+++ /dev/null
-/* Dummy styles for the DummyExample */
-.v-panel-DummyFeatureExample .v-label {
- border: 1px dotted red;
-}
\ No newline at end of file
+++ /dev/null
-Flag icons - http://www.famfamfam.com\r
-\r
-These icons are public domain, and as such are free for any use (attribution appreciated but not required).
-
-Note that these flags are named using the ISO3166-1 alpha-2 country codes where appropriate. A list of codes can be found at http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
-
-If you find these icons useful, please donate via paypal to mjames@gmail.com (or click the donate button available at http://www.famfamfam.com/lab/icons/silk)
-\r
-Contact: mjames@gmail.com
\ No newline at end of file
+++ /dev/null
-.v-absolutelayout-border {
- border: 1px solid #ddd;
-}
\ No newline at end of file
+++ /dev/null
-.v-verticallayout-border,
-.v-gridlayout-border {
- border: 1px solid #ddd ;
-}
\ No newline at end of file
+++ /dev/null
-.floatedpanel {
- float: right;
-}
-
-.footer {
- width: 3in;
- padding: 3px;
- margin: 0 auto;
- clear: both;
- height: 40px;
- background: #efefef;
- white-space: normal;
- padding: 10px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
-}
-
-.brick {
- font-size: 14px;
- font-weight: bold;
- width: 100px;
- height: 100px;
- margin: 10px;
- padding: 10px;
- background: #1E2123;
- color: #fff;
- float: left;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
-}
\ No newline at end of file
+++ /dev/null
-<!-- \r
- This customlayout uses inline styles and images as well. Notice that the\r
- URLs are relatice to the layout, which means you can open the layout offline\r
- in a WYSIWYG editor (or browser), and the images will work.\r
- -->\r
-\r
-<table width="400px" align="center" cellspacing="10"\r
- style="color: #fff; padding: 20px; background: #31629E url(../sampler/sample-desc-bg.png) repeat-x">\r
- <tr>\r
- <td colspan="2">\r
- <h1 style="margin-top: 0;">Login</h1>\r
- <td>\r
- </tr>\r
- <tr>\r
- <td align="right">User name:</td>\r
- <td>\r
- <div location="username"></div>\r
- </td>\r
- </tr>\r
- <tr>\r
- <td align="right">Password:</td>\r
- <td>\r
- <div location="password"></div>\r
- </td>\r
- </tr>\r
- <tr>\r
- <td align="right" colspan="2">\r
- <div location="okbutton" style="padding: 10px;"></div>\r
- </td>\r
- </tr>\r
- <tr>\r
- <td colspan="2" style="padding: 7px; background-color: #4172AE">\r
- <img align="absbottom" src="../../sampler/icons/icon_info.gif" /> This\r
- information is in the layout.\r
- <td>\r
- </tr>\r
-</table>\r
-\r
+++ /dev/null
-.v-gridlayout-gridexample .v-gridlayout-spacing-on {
- /* adjust spacing size */
- padding: 1px;
-}
-
-/* visualize the grid cells */
-.v-gridlayout-gridexample div {
- background-color: #fff;
-}
-
-.v-gridlayout-gridexample div div div {
- background-color: #eee;
-}
\ No newline at end of file
+++ /dev/null
-.v-verticallayout-marginexample .v-verticallayout-margin-right {
- /* increase the right margin */
- padding-right: 100px;
-}
-
-.v-verticallayout-marginexample {
- /* background for the layout, for clarity */
- background-color: #ccc;
-}
\ No newline at end of file
+++ /dev/null
-.v-gridlayout-spacingexample {
- /* background for the layout, for clarity */
- background-color: #ccc;
-}
\ No newline at end of file
+++ /dev/null
-.split-panel-positioning-example .measured-from-left{
- background-image: url("images/measured-from-left.png");
- background-repeat: repeat-y;
- text-align: center;
- vertical-align: middle;
- -moz-opacity:.50;
- filter:alpha(opacity=50);
- opacity:.50;
-}
-.split-panel-positioning-example .measured-from-right{
- background-image: url("images/measured-from-right.png");
- background-position: right;
- background-repeat: repeat-y;
- text-align: center;
- vertical-align: middle;
- -moz-opacity:.50;
- filter:alpha(opacity=50);
- opacity:.50;
-}
-.split-panel-positioning-example .measured-from-top{
- background-image: url("images/measured-from-top.png");
- background-repeat: repeat-x;
- text-align: center;
- vertical-align: middle;
- -moz-opacity:.50;
- filter:alpha(opacity=50);
- opacity:.50;
-}
-.split-panel-positioning-example .measured-from-bottom{
- background-image: url("images/measured-from-bottom.png");
- background-position: bottom;
- background-repeat: repeat-x;
- text-align: center;
- vertical-align: middle;
- -moz-opacity:.50;
- filter:alpha(opacity=50);
- opacity:.50;
-}
-
-.split-panel-positioning-example .v-select-optiongroup .v-select-option{
- display:inline;
-}
\ No newline at end of file
+++ /dev/null
-.v-menubar-menuitem-file {
- font-weight: bold;
- color: #1c9cff;
-}
-
-.v-menubar-menuitem-close-all {
- color: red;
-}
\ No newline at end of file
+++ /dev/null
-.v-button-primary {
- /* PNG with alpha as background */
- background: #66aa00 url(prominentbg.png) bottom right;
- /* make PNG work in IE */
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/sampler/prominentprimaryaction/prominentbg.png", sizingMethod="scale");
- border: 2px solid #66aa00;
- /* make some extra room */
- padding: 10px;
- /* round corners for browsers that support it */
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-.v-button-primary:hover {
- /* changing color works due to PNG with alpha */
- background-color: #ff9000;
- border-color: #ff9000;
-}
-.v-button-primary span {
- /* big white caption */
- color: #fff;
- font-size: 26px;
-}
\ No newline at end of file
+++ /dev/null
-/******************************************************************************
- * Sampler styles
- ******************************************************************************/
- h3 {
- margin-bottom: 0.2em;
- }
-
-.v-app-SamplerApplication {
- background-color: #fff;
-}
-
-.v-app-SamplerApplication .v-horizontallayout-topbar {
- border-bottom: 1px solid #eaeaea;
- background: #5c5d60 url(top-bg.png) repeat-x;
-}
-
-.v-app-SamplerApplication .v-horizontallayout-sample-view {
- background: #fff url(main-bg.png) repeat-x;
-}
-
-.v-app-SamplerApplication .topbar .logo,
-.v-app-SamplerApplication .topbar .logo:focus,
-.v-app-SamplerApplication .topbar .logo:active {
- width: 167px;
- height: 44px;
- margin: 0;
- padding: 0;
- background: transparent url(sampler.png) no-repeat;
- overflow: hidden;
- border: none;
- outline: none;
-}
-
-.v-app-SamplerApplication .topbar .logo img {
- display: none;
-}
-
-.v-app-SamplerApplication .v-popupview-quickjump {
- background: transparent url(quickjump.png) no-repeat 0px 1px;
-}
-
-.v-customcomponent-breadcrumbs {
- font-family: arial, helvetica, verdana, sans-serif;
-}
-.v-mac .v-customcomponent-breadcrumbs {
- font-family: helvetica, arial, verdana, sans-serif;
-}
-.v-customcomponent-breadcrumbs .v-horizontallayout-spacing-on {
- padding-left: 5px;
-}
-
-.v-customcomponent-breadcrumbs .v-link a,
-.v-customcomponent-breadcrumbs .v-label {
- text-decoration: none;
- color: #000;
- text-shadow: 0 1px 0 #8f9193;
- font-size: 11px;
- line-height: normal;
- padding-top: 3px;
- display: block;
- float: left;
-}
-.v-customcomponent-breadcrumbs .v-link a:link span,
-.v-customcomponent-breadcrumbs .v-link a:visited span {
- color: #000;
-}
-.v-customcomponent-breadcrumbs .v-label {
-}
-.v-sa .v-customcomponent-breadcrumbs .v-label {
-
-}
-.v-ie .v-customcomponent-breadcrumbs .v-label {
-
-}
-.v-ff .v-customcomponent-breadcrumbs .v-label {
-
-}
-.v-customcomponent-breadcrumbs .v-link span {
- text-decoration: none;
-}
-.v-customcomponent-breadcrumbs .v-link a:hover span {
- color: #000;
- text-decoration: underline;
-}
-.v-customcomponent-breadcrumbs .v-link-bold {
- height: 20px;
- padding: 0 0 0 9px;
- background: transparent url(breadcrumb-current-left.png) no-repeat;
- float: left;
-}
-.v-ie .v-customcomponent-breadcrumbs .v-link-bold {
- margin-top: 1px;
-}
-.v-customcomponent-breadcrumbs .v-link-bold a {
- display: block;
- height: 16px;
- background: transparent url(breadcrumb-current-right.png) no-repeat right top;
- font-size: 10px;
- font-weight: bold;
- padding: 4px 9px 0 0;
- cursor: default;
-}
-.v-customcomponent-breadcrumbs .v-link-bold a:link span,
-.v-customcomponent-breadcrumbs .v-link-bold a:visited span {
- color: #c2c4c6;
- text-shadow: 0 1px 0 #3a3d43;
-}
-.v-sa .v-customcomponent-breadcrumbs .v-link-bold a {
- height: 17px;
- padding-top: 3px;
-}
-.v-ie .v-customcomponent-breadcrumbs .v-link-bold a {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-.v-ff .v-customcomponent-breadcrumbs .v-link-bold a {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-.v-customcomponent-breadcrumbs .v-link-bold a:hover span {
- color: #c2c4c6;
- text-decoration: none;
-}
-
-.v-app-SamplerApplication .v-horizontallayout-topbar .v-nativebutton-link span {
- text-decoration: none;
-}
-.v-app-SamplerApplication .v-horizontallayout-topbar .v-nativebutton-link:hover span {
- text-decoration: underline;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next:active,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next.v-pressed,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next.v-disabled,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch:active,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch.v-pressed,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-down.v-nativebutton-tree-switch {
- background-position: right bottom;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton.v-disabled,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview {
- width: 30px;
- height: 24px;
- overflow: hidden;
- padding: 0;
- border: none;
- background: transparent url(segment.png) no-repeat;
- cursor: default;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton:active,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton.v-pressed,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview:active {
- background-position: left bottom;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch {
- background-position: right top;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next:active,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next.v-pressed,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch:active,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch.v-pressed {
- background-position: right bottom;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton.v-pressed span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton.v-disabled span {
- display: block;
- height: 24px;
- background-repeat: no-repeat;
- background-position: 50% 40%;
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-tree-switch.v-pressed span {
- background-image: url(tree.png);
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview span {
- background-image: url(magnifier.png);
-}
-.v-app-SamplerApplication .theme-select * {
- background: transparent;
-}
-.v-app-SamplerApplication .theme-select .v-filterselect-input,
-.v-app-SamplerApplication .theme-select .v-icon {
- width: 0;
- height: 0;
- padding: 0;
- overflow: hidden;
-}
-.v-app-SamplerApplication .theme-select .v-icon {
- display: none;
-}
-.v-app-SamplerApplication .theme-select {
- width: 32px;
- height: 24px;
- overflow: hidden;
- padding: 0;
- border: none;
- background: transparent url(segment.png) no-repeat;
- outline: none;
-}
-.v-app-SamplerApplication .theme-select:active {
- background-position: 0 bottom;
-}
-.v-app-SamplerApplication .theme-select .v-filterselect-button {
- width: 32px;
- height: 24px;
- cursor: default;
- background: url(palette.png) no-repeat right 0;
-}
-.v-app-SamplerApplication .theme-select:active .v-filterselect-button {
- background-position: right bottom;
-}
-
-
-/* Theme select drop down styles */
-.v-filterselect-suggestpopup-theme-select {
- background: #343538 url(theme-select-bg.png) repeat-x;
- border: none;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- line-height: normal;
- color: #d7d8d9;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- text-shadow: #373a3c 0 1px 0;
- margin-top: -3px;
-}
-.v-filterselect-suggestpopup-theme-select .v-filterselect-suggestmenu {
- margin: 6px 0;
-}
-.v-filterselect-suggestpopup-theme-select .gwt-MenuItem {
- height: 14px;
- padding: 1px 15px 1px 4px;
- cursor: default;
-}
-.v-filterselect-suggestpopup-theme-select .gwt-MenuItem-selected {
- background: #3472ac url(theme-select-sel-bg.png) repeat-x;
-}
-
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous.v-pressed span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous.v-disabled span {
- background-image: url(prev.png);
-}
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-next.v-pressed span,
-.v-app-SamplerApplication .v-horizontallayout-segment .v-disabled.v-nativebutton-next span {
- background-image: url(next.png);
-}
-.v-popupview-popup-quickjump {
- background: transparent;
- border: none;
- padding: 0;
-}
-
-.v-app-SamplerApplication .v-splitpanel-first-container-main-split {
- background: #eaebec url(tree-bg.png) repeat-x fixed;
- font-family: arial, helvetica, verdana, sans-serif;
-}
-
-.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split {
- width: 1px;
- background: #aeb0b5;
-}
-.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split-locked {
- width: 0px;
-}
-.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split div {
- width: 3px;
- background: transparent;
- border: none;
- margin: 0 -1px;
- padding: 0;
-}
-
-
-
-.v-app-SamplerApplication .v-splitpanel-first-container-main-split .v-link {
- padding: 13px 0 5px 18px;
- font-weight: bold;
-}
-
-
-.v-app-SamplerApplication .v-tree-menu {
- font-size: 12px;
- line-height: 15px;
- padding: 0 0 13px;
-}
-.v-mac .v-app-SamplerApplication .v-tree-menu {
- font-family: helvetica, arial, verdana, sans-serif;
-}
-.v-app-SamplerApplication .v-tree-menu .v-tree-node span {
- display: inline;
-}
-.v-app-SamplerApplication .v-tree-menu .v-tree-node-caption-new span {
- padding-right: 20px;
- background: url(new-tree-badge.png) no-repeat right 2px;
-}
-.v-app-SamplerApplication .v-tree-menu .v-tree-node-selected span {
- background-color: #7d8490;
- padding: 1px;
- text-shadow: none;
-}
-.v-app-SamplerApplication .v-tree-menu .v-tree-node-new .v-tree-node-selected span {
- padding-right: 20px;
- background-image: url(new-tree-badge-sel.png);
-}
-
-
-
-/* Sample grid styles */
-.v-app-SamplerApplication div.v-csslayout-grid {
- margin-bottom: 50px;
- min-height: 0;
-}
-
-.v-app-SamplerApplication .v-label-root-section {
- font-family: arial, helvetica, verdana, sans-serif;
- line-height: normal;
- padding: 30px 0 10px 0;
- margin: 0 30px 10px;
- height: 30px;
- border-bottom: 1px solid #d5d8db;
- color: #707376;
- clear: left;
-}
-
-.v-mac .v-app-SamplerApplication .v-label-root-section {
- font-family: helvetica, arial, verdana, sans-serif;
-}
-
-.v-app-SamplerApplication .v-label-root-section em {
- position: absolute;
- right: 20px;
- margin-top: 11px;
- padding: 2px 10px;
- background: #fff;
- font-style: normal;
- color: #b4b8bc;
- font-size: 11px;
- font-weight: bold;
- text-transform: uppercase;
- letter-spacing: 0.02em;
- border-radius: 8px;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
-}
-
-.v-app-SamplerApplication .v-label-root-section h2 {
- font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif;
- margin: 0 20px 0 0;
- font-size: 24px;
- font-weight: bold;
- text-shadow: 0 2px 1px #c0c1c2;
- color: #1e2229;
- overflow: hidden;
- text-overflow: ellipsis;
- float: left;
-}
-.v-app-SamplerApplication .v-label-root-section span {
- display: block;
- white-space: nowrap;
- margin: 12px 10px 0 0;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.v-csslayout-grid .v-csslayout-root {
- padding: 0 20px 20px;
-}
-
-.v-csslayout-grid .v-csslayout-featureset {
- float: left;
-}
-
-.v-csslayout-grid .v-csslayout-featureset-odd {
- background: #fafafa;
-}
-
-.v-csslayout-grid .v-csslayout-title {
- clear: left;
-}
-
-.v-csslayout-grid .v-label-subsection {
- font-size: 11px;
- line-height: 16px;
- color: #787b7e;
- padding: 15px 0 5px;
- white-space: normal;
-}
-
-.v-csslayout-grid .v-label-subsection h3 {
- font-size: 18px;
- font-weight: bold;
- text-shadow: 0 2px 1px #c0c1c2;
- color: #292d30;
- margin: 0 0 .5em;
-}
-
-.v-csslayout-grid .screenshot,
-.v-csslayout-grid .screenshot:focus,
-.v-csslayout-grid .screenshot:active {
- float: left;
- height: 132px;
- width: 87px;
- margin: 4px 8px 0 4px;
- position: relative;
-}
-
-.v-csslayout-grid .screenshot .v-icon {
- display: block;
- width: 75px;
- margin: 3px 6px;
- position: absolute;
-}
-
-.v-csslayout-grid .screenshot span,
-.v-csslayout-grid .screenshot a:link span,
-.v-csslayout-grid .screenshot a:visited span {
- display: block;
- width: 87px;
- text-align: center;
- white-space: normal;
- text-decoration: none;
- font-size: 12px;
- color: #212325;
- font-family: arial, helvetica, sans-serif;
- font-weight: normal;
- line-height: normal;
- position: absolute;
- background: transparent url(screenshot-frame.png) no-repeat 4px 2px;
- padding-top: 84px;
- height: 30px;
- color: #222;
- cursor: pointer;
-}
-.v-ie6 .v-csslayout-grid .screenshot span,
-.v-ie6 .v-csslayout-grid .screenshot a:link span,
-.v-ie6 .v-csslayout-grid .screenshot a:visited span {
- background-image: url(screenshot-frame-ie6.png);
-}
-.v-csslayout-grid .screenshot a:hover span {
- background: transparent url(screenshot-frame-hover.png) no-repeat 1px 0;
-}
-.v-csslayout-grid .new a span,
-.v-csslayout-grid .new a:link span,
-.v-csslayout-grid .new a:visited span {
- background: transparent url(screenshot-frame-new.png) no-repeat 3px 0;
-}
-.v-ie6 .v-csslayout-grid .new a span,
-.v-ie6 .v-csslayout-grid .new a:link span,
-.v-ie6 .v-csslayout-grid .new a:visited span {
- background-image: url(screenshot-frame-new-ie6.png);
-}
-.v-csslayout-grid .new a:hover span {
- background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 0;
-}
-
-
-/* Highlight features (samples directly inside the root) */
-.v-csslayout-grid .highlights-title {
- height: 40px;
-}
-.v-csslayout-grid .highlights-title h2 {
- font-size: 36px;
- font-weight: normal;
-}
-.v-csslayout-grid .highlights-title em {
- margin-top: 24px;
-}
-.v-csslayout-grid .highlights-description {
- font-size: 14px;
- line-height: 24px;
- margin: 10px 30px 20px;
- white-space: normal;
- color: #555a5f;
-}
-.v-csslayout-highlight {
- width: 49.8%;
- float: left;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 13px;
- overflow: visible;
-}
-.v-ie6 .v-csslayout-highlight {
- overflow: hidden;
-}
-
-.v-mac .v-csslayout-highlight {
- font-family: Helvetica, Arial, sans-serif;
-}
-
-.v-csslayout-highlight .v-csslayout-margin {
- margin: 10px 25px 30px;
-}
-
-.highlight .v-link a {
- display: block;
- height: 90px;
- position: relative;
-}
-
-.highlight .v-link .v-icon {
- margin: 4px 0 4px 5px;
-}
-
-.highlight .v-link span {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- padding: 4px 0 0 92px;
- height: 87px;
- font-size: 18px;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 2px 1px #e1e2e2;
- vertical-align: top;
- background: transparent url(screenshot-frame.png) no-repeat 3px 3px;
- text-overflow: ellipsis;
-}
-.highlight .v-link a:hover span {
- background: transparent url(screenshot-frame-hover.png) no-repeat 0 1px;
-}
-.highlight .new a span,
-.highlight .new a:link span,
-.highlight .new a:visited span {
- background: transparent url(screenshot-frame-new.png) no-repeat 2px 1px;
-}
-.highlight .new a:hover span {
- background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 1px;
-}
-
-.v-ie6 .highlight .v-link span,
-.v-ie6 .highlight .v-link a:hover span {
- background: transparent url(screenshot-frame-ie6.png) no-repeat 3px 3px;
-}
-
-.v-ie6 .highlight .new a span,
-.v-ie6 .highlight .new a:hover span {
- background: transparent url(screenshot-frame-new-ie6.png) no-repeat 2px 1px;
-}
-
-.highlight .v-label {
- white-space: normal;
- margin: -55px 0 0 92px;
-}
-
-.highlight .v-label p {
- margin-top: 0;
-}
-
-
-
-
-.v-app-SamplerApplication .v-table-featuretable tr.v-table-row,
-.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-odd {
- height: 50px;
- vertical-align: middle;
-}
-.v-app-SamplerApplication .v-table-featuretable tr .v-table-cell-wrapper {
- height: 48px;
- padding-top: 1px;
- padding-bottom: 1px;
- line-height: 30px;
-}
-.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-section {
- color: #333366;
- font-size: 18px;
- font-weight: bold;
-}
-.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-subsection {
- font-size: 16px;
- font-weight: bold;
-}
-
-.v-app-SamplerApplication .v-table-featuretable .v-table-body {
- border: none;
-}
-
-.v-app-SamplerApplication .v-panel-content-light {
- border-top: none;
-}
-
-
-
-
-
-/* Feature controls: title, reset, view source */
-
-.v-app-SamplerApplication .feature-controls {
- background: transparent url(feature-controls-border.png) repeat-x 0 41px;
- padding-bottom: 10px;
-}
-.v-app-SamplerApplication .feature-controls .title {
- font-family: "Helvetica Neue", helvetica, arial, sans-serif;
- font-weight: bold;
- font-size: 24px;
- line-height: 28px;
- color: #1e2229;
- letter-spacing: -0.015em;
- text-shadow: 0 2px 1px #c0c1c2;
- padding: 7px 0 8px;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.v-app-SamplerApplication .feature-controls .title span {
- margin-right: 12px;
-}
-.v-app-SamplerApplication .feature-controls .new span {
- padding-right: 30px;
- background: transparent url(new-caption-badge.png) no-repeat right 4px;
-}
-.feature-controls .v-link-showcode,
-.feature-controls .v-nativebutton-reset {
- padding-top: 18px;
- display: block;
- margin: 0 0 0 10px;
-}
-.feature-controls .v-nativebutton-reset::-moz-focus-inner {
- border: none;
- padding: 0;
-}
-.feature-controls .v-link-showcode a span,
-.feature-controls .v-link-showcode a:link span,
-.feature-controls .v-link-showcode a:visited span,
-.feature-controls .v-link-showcode a:hover span,
-.feature-controls .v-nativebutton-reset,
-.feature-controls .v-nativebutton-reset .v-nativebutton-caption {
- text-decoration: none;
- font-size: 12px;
- color: #2667b4;
- line-height: normal;
-}
-.feature-controls .v-link-showcode a,
-.feature-controls .v-nativebutton-reset {
- font-family: arial, helvetica, verdana, sans-serif;
-}
-.v-mac .feature-controls .v-link-showcode a,
-.v-mac .feature-controls .v-nativebutton-reset {
- font-family: helvetica, arial, verdana, sans-serif;
-}
-.feature-controls .v-nativebutton-reset:focus {
- outline: none;
-}
-
-
-
-
-
-.v-app-SamplerApplication .v-horizontallayout-sample-view .v-horizontallayout-margin-top {
- padding-top: 27px;
-}
-.v-app-SamplerApplication .v-horizontallayout-sample-view .v-horizontallayout-margin-bottom {
- padding-bottom: 24px;
-}
-.v-app-SamplerApplication .feature-info {
- background: #1e2123 url(info-bubble-bg.png) repeat-y;
- color: #b8bbbe;
- font-family: arial, helvetica, verdana, sans-serif;
- font-size: 12px;
- line-height: 19px;
-}
-.v-mac .v-app-SamplerApplication .feature-info {
- font-family: helvetica, arial, verdana, sans-serif;
-}
-.v-app-SamplerApplication .feature-info div.v-link a {
- font-size: 11px;
- line-height: 18px;
- margin-left: 28px;
-}
-.v-app-SamplerApplication .feature-info div.v-link a span,
-.v-app-SamplerApplication .feature-info div.v-link a:link span {
- color: #b7c0c7;
- text-decoration: none;
-}
-.v-app-SamplerApplication .feature-info div.v-link a:hover span {
- color: #dcebf6;
-}
-.v-app-SamplerApplication .feature-info div.v-link a span {
- text-decoration: none;
- border-bottom: 1px dotted #495964;
-}
-.v-app-SamplerApplication .feature-info div.v-link a:hover span {
- border-bottom: 1px solid #dcebf6;
-}
-.v-app-SamplerApplication .feature-info .v-panel-caption {
- color: #fff;
- font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif;
- font-size: 14px;
- font-weight: bold;
- line-height: normal;
- text-shadow: 0 1px 0 #272a2b;
- background: transparent url(info-bubble-top.png);
- margin: 0;
- padding-bottom: 12px;
- padding-left: 28px;
- padding-top: 15px;
- border: none;
-}
-.v-app-SamplerApplication .feature-info .v-panel-content {
- background: transparent url(info-bubble-top.png) no-repeat 0 -44px;
- border: none;
-}
-.v-app-SamplerApplication .feature-info .v-panel-content > div {
- background: transparent;
-}
-.v-app-SamplerApplication .v-panel-deco-feature-info {
- height: 28px;
- background: transparent url(info-bubble-bottom.png);
- margin: 0;
- border: none;
-}
-
-.v-app-SamplerApplication .feature-info .v-verticallayout .v-verticallayout-margin-left {
- padding-left: 28px;
-}
-.v-app-SamplerApplication .feature-info .v-verticallayout .v-verticallayout-margin-right {
- padding-right: 20px;
-}
-
-.v-app-SamplerApplication .feature-info .v-label {
- padding: 0 20px 9px 28px;
-}
-
-.v-app-SamplerApplication .feature-info .v-label-section {
- font-weight: bold;
- font-size: 12px;
- line-height: 30px;
- color: #fff;
- border: none;
- text-indent: 0;
- text-shadow: none;
- padding: 0;
- height: auto;
-}
-
-.v-app-SamplerApplication .feature-info .v-label-section span {
- display: block;
- background: transparent url(info-bubble-separator.png) repeat-x;
- padding: 5px 0 0 19px;
- margin: 0 5px 0 9px;
-}
-
-.v-app-SamplerApplication .feature-info .description {
- padding: 0;
-}
-.v-app-SamplerApplication .feature-info .description div.outer-deco {
- margin: 0 5px 0 9px;
- width: 303px;
-}
-.v-app-SamplerApplication .feature-info .description div.deco {
- padding: 0 19px 13px 19px;
- position: relative;
-}
-.v-app-SamplerApplication .feature-info .description span.deco {
- display: block;
- position: absolute;
- height: 12px;
- width: 7px;
- background: transparent url(desc-arrow.png) no-repeat;
- left: -5px;
- top: 40%;
-}
-.v-ie6 .v-app-SamplerApplication .feature-info .description span.deco {
- left: -24px;
-}
-
-.v-app-SamplerApplication .feature-info .sample-description {
- padding: 0;
-}
-.v-app-SamplerApplication .feature-info .sample-description div.outer-deco {
- margin: 0 5px 0 9px;
- color: #e0ecff;
- text-shadow: 0 1px 0 #283b4e;
- border: 1px solid #336391;
- border-top-color: #161719;
- border-bottom-color: #2e5b92;
- width: 303px;
-}
-.v-ie6 .v-app-SamplerApplication .feature-info .sample-description div.outer-deco {
- border-top: none;
-}
-
-.v-app-SamplerApplication .feature-info .sample-description div.deco {
- padding: 13px 19px 13px 19px;
- background: #31629e url(sample-desc-bg.png) repeat-x;
- border: 1px solid #4b81b2;
- border-top-color: #558bbb;
- border-bottom: none;
- position: relative;
-}
-
-.v-app-SamplerApplication .feature-info .sample-description span.deco {
- display: block;
- position: absolute;
- height: 11px;
- width: 7px;
- background: transparent url(sample-desc-arrow.png) no-repeat;
- left: -7px;
- top: 45%;
-}
-.v-ie6 .v-app-SamplerApplication .feature-info .sample-description span.deco {
- left: -26px;
-}
-
-
-
-
-
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton {
- height: 24px;
- width: 30px;
- border: none;
- background: transparent url(segment.png) no-repeat;
- cursor: default;
- padding: 0;
-}
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton span.v-nativebutton-caption {
- display: none;
-}
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton img.v-icon {
- width: auto;
- height: auto;
- margin: 0;
- position: static;
-}
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-first-on,
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-first:active,
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-first.v-pressed {
- background-position: left bottom;
-}
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-first {
- background-position: left top;
-}
-/*
-.v-customcomponent-ModeSwitch .v-nativebutton-mid-on {
- background: transparent url(mid-on.gif) no-repeat;
-}
-.v-customcomponent-ModeSwitch .v-nativebutton-mid {
- background: transparent url(mid.gif) no-repeat;
-}*/
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-last-on,
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-last:active,
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-last.v-pressed {
- background-position: right bottom;
-}
-.v-app .v-customcomponent-ModeSwitch button.v-nativebutton-last {
- background-position: right top;
-}
+++ /dev/null
-@import url(sampler/styles.css);
-
-@import url(dummy/styles.css);
-
-/*
- * Not in use currently, breaks all Reindeer "primary/default" button styles.
- * Fix by replacing the "v-button-primary" to some other style name.
- *
- *@import url(prominentprimaryaction/styles.css);
- */
-
-@import url(layouts/marginexample.css);
-
-@import url(layouts/spacingexample.css);
-
-@import url(layouts/gridexample.css);
-
-@import url(layouts/cssexample.css);
-
-@import url(layouts/absoluteexample.css);
-
-@import url(layouts/clickableexample.css);
-
-@import url(layouts/splitpanelpositioningexample.css);
-
-@import url(table/styles.css);
-
-@import url(misc/item-styles.css);
-
-/* Fixes for Liferay 6.0 */
-.portlet .v-app-SamplerApplication {
- background-color: #fff;
-}
-
-.portlet .v-app .topbar .v-nativebutton {
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
-}
-
-.portlet .v-app .topbar .v-nativebutton .v-icon {
- vertical-align: baseline;
-}
-
-.portlet .v-app .v-customcomponent-breadcrumbs {
- margin: 0;
-}
-
-.portlet .v-app .v-nativebutton-reset,
-.portlet .v-app .v-nativebutton-reset:focus,
-.portlet .v-app .v-nativebutton-reset:hover,
-.portlet .v-app .v-nativebutton-reset:active {
- border: none;
- background: transparent;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- text-shadow: none;
-}
-
-.portlet .v-app .showcode a {
- vertical-align: baseline;
-}
\ No newline at end of file
+++ /dev/null
-.v-table-iso3166 .v-table-row-marked {
- color: red;
- font-style: italic;
-}
-
-.v-table-contacts .v-table-row-red {
- color: red;
-}
-.v-table-contacts .v-table-row-blue {
- color: blue;
-}
-.v-table-contacts .v-table-row-green {
- color: green;
-}
-
-.v-table-contacts .v-table-cell-content-marked {
- background-color: #ffd;
-}
-
-.v-table-contacts .v-table-cell-content-email {
- background-color: #ffd;
- font-family: monospace;
- margin: 0px;
-}
-
-.v-table .v-icon {
- /* explicitly set icon width for fast browsers
- * to properly detect row header width */
- width: 16px;
-}
-
-/* explicitly set row icon height to avoid height calculation problems */
-.v-table-iso3166 .v-table-cell-content .v-icon {
- height:11px;
-}
<category name="Vaadin">
<portlet id="PortletDemoPortlet" />
<portlet id="CalcPortlet" />
- <portlet id="SamplerPortlet" />
<portlet id="Portlet Mode Example" />
<portlet id="Portlet HTML Mode Example" />
<portlet id="AddressBookPortlet" />
<instanceable>true</instanceable>
<ajaxable>false</ajaxable>
</portlet>
- <portlet>
- <portlet-name>SamplerPortlet</portlet-name>
- <instanceable>true</instanceable>
- <ajaxable>false</ajaxable>
- </portlet>
<portlet>
<portlet-name>Portlet Mode Example</portlet-name>
<instanceable>true</instanceable>
</security-role-ref>
</portlet>
- <portlet>
- <portlet-name>SamplerPortlet</portlet-name>
- <display-name>Sampler</display-name>
- <portlet-class>com.vaadin.terminal.gwt.server.ApplicationPortlet</portlet-class>
- <init-param>
- <name>application</name>
- <value>sampler</value>
- </init-param>
- <init-param>
- <name>widgetset</name>
- <value>com.vaadin.portal.gwt.PortalDefaultWidgetSet</value>
- </init-param>
- <init-param>
- <name>style</name>
- <value>height:650px</value>
- </init-param>
- <supports>
- <mime-type>text/html</mime-type>
- <portlet-mode>view</portlet-mode>
- </supports>
- <portlet-info>
- <title>Sampler</title>
- <short-title>Sampler</short-title>
- </portlet-info>
-
- <security-role-ref>
- <role-name>administrator</role-name>
- </security-role-ref>
- <security-role-ref>
- <role-name>guest</role-name>
- </security-role-ref>
- <security-role-ref>
- <role-name>power-user</role-name>
- </security-role-ref>
- <security-role-ref>
- <role-name>user</role-name>
- </security-role-ref>
- </portlet>
-
<portlet>
<portlet-name>Portlet Mode Example</portlet-name>
<display-name>Portlet Mode Example</display-name>
</init-param>\r
</servlet>\r
\r
- <servlet>\r
- <servlet-name>Sampler</servlet-name>\r
- <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>\r
- <init-param>\r
- <param-name>application</param-name>\r
- <param-value>com.vaadin.demo.sampler.SamplerApplication</param-value>\r
- </init-param>\r
- <init-param>\r
- <param-name>widgetset</param-name>\r
- <param-value>com.vaadin.demo.sampler.gwt.SamplerWidgetSet</param-value>\r
- </init-param>\r
-\r
- </servlet>\r
-\r
<servlet>\r
<servlet-name>AddressBook</servlet-name>\r
<servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>\r
<url-pattern>/FeatureBrowser/*</url-pattern>\r
</servlet-mapping>\r
\r
- <servlet-mapping>\r
- <servlet-name>Sampler</servlet-name>\r
- <url-pattern>/sampler/*</url-pattern>\r
- </servlet-mapping>\r
-\r
<servlet-mapping>\r
<servlet-name>FeaturesApplication</servlet-name>\r
<url-pattern>/FeaturesApplication/*</url-pattern>\r
<ul id="menu">
<li></li>
<!--
- <li><a href="#sampler">Sampler</a></li>
- <li>•</li>
<li><a href="#addons">Add-ons</a></li>
<li>•</li>
<li><a href="#code-examples">Code Examples</a></li>
</ul>
</div> <!-- /subheader -->
- <div id="upfront">
- <div id="sampler">
- <a href="sampler/" class="demoapp">
- <div id="sampler-slideshow">
- <ul>
- <li class="active"><img src="demo/img/sampler/home.png" alt="Sampler home screen" /></li>
- <li><img src="demo/img/sampler/category.png" alt="Sampler category screen" /></li>
- <li><img src="demo/img/sampler/sample.png" alt="Sampler individual sample screen" /></li>
- <li><img src="demo/img/sampler/source.png" alt="Sampler example source code" /></li>
- </ul>
- <span class="mask"></span>
- </div>
- <h2>Sampler</h2>
- <p>See all Vaadin Framework <strong>core components</strong> and their <strong>features</strong> in action in the Sampler! <strong>Sources for all samples</strong> are available for you to see and use.</p>
- <strong class="start">Start Sampler »</strong>
- <!--<strong class="new"><em>Notable In This Release</em> • Drag'n'drop • Keyboard Shortcuts • AbsoluteLayout • GWT 2.0</strong>-->
- </a>
- </div>
- </div> <!-- /upfront -->
-
<div id="content">
- <h3 class="reasons">More Reasons to Choose Vaadin</h3>
+ <h3 class="reasons">Reasons to Choose Vaadin</h3>
<ul id="reasons">
<span class="slogan"><strong>vaadin <em>}></em></strong> thinking of U and I<span> <!-- <a href="#top">↑ Back to top</a>-->
</div> <!-- /footer -->
- <div style="height:0px; overflow:hidden;">
-
- <!-- start pre caching sampler icons -->
-
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-AbsoluteLayoutBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-AccordionDisabled.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-AccordionIcons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ApplicationLayout.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-BasicMenuBar.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-BrowserInformation.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ButtonLink.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ButtonPush.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-CheckBoxes.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ClickableLayoutBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ComboBoxContains.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ComboBoxInputPrompt.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ComboBoxNewItems.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ComboBoxPlain.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ComboBoxStartsWith.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-CssLayouts.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-CustomLayouts.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DateInline.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DateLocale.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DatePopup.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DateResolution.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DragDropHtml5FromDesktop.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DragDropRearrangeComponents.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DragDropServerValidation.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DragDropTableTree.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-DragDropTreeSorting.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-Errors.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ExpandingComponent.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-FlashEmbed.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-FormAdvancedLayout.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-FormBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-FormPojo.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-GridLayoutBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-HorizontalLayoutBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-Icons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ImageEmbed.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ImmediateUpload.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-JSApi.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LabelPlain.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LabelPreformatted.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LabelRich.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LayoutAlignment.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LayoutMargin.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LayoutSpacing.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LinkCurrentWindow.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LinkNoDecorations.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LinkSizedWindow.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ListSelectMultiple.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ListSelectSingle.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-LoginForm.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-MenuBarCollapsing.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-MenuBarHiddenItems.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-MenuBarItemStyles.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-MenuBarWithIcons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NativeSelection.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NativeWindow.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NotificationCustom.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NotificationError.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NotificationHumanized.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NotificationTray.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-NotificationWarning.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-OptionGroups.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-PackageIcons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-PanelBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-PanelLight.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-PopupViewClosing.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-PopupViewContents.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ProgressIndicators.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ProminentPrimaryAction.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-RichTextEditor.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ShortcutBasics.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-ShortcutScope.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SliderHorizontal.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SliderVertical.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SplitPanelBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-Subwindow.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SubwindowAutoSized.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SubwindowClose.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SubwindowModal.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SubwindowPositioned.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-SubwindowSized.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableActions.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableCellStyling.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableColumnAlignment.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableColumnCollapsing.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableColumnHeaders.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableColumnReordering.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableHeaderIcons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableLazyLoading.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableMouseEvents.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableRowHeaders.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableRowStyling.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TableSorting.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TabSheetClosing.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TabSheetDisabled.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TabSheetIcons.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TabSheetScrolling.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TextArea.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TextFieldInputPrompt.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TextFieldSecret.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TextFieldSingle.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-Tooltips.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TreeActions.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TreeMouseEvents.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TreeMultiSelect.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TreeSingleSelect.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-TwinColumnSelect.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-UploadBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-UploadWithProgressMonitoring.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-Validation.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-VerticalLayoutBasic.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-WebEmbed.gif"/>
- <img src="/VAADIN/themes/sampler/icons/sampleicons/75-WebLayout.gif"/>
-
- </div>
-
<script type="text/javascript" src="demo/js/jquery.min.js"></script>
<script src="demo/js/jquery.history.js" type="text/javascript"></script>
<script src="demo/js/fonts.js" type="text/javascript"></script>
<script src="demo/js/zoombox.js" type="text/javascript"></script>
<script type="text/javascript">
- function slideSwitch() {
- var $active = $('#sampler-slideshow li.active');
-
- if ( $active.length == 0 ) $active = $('#sampler-slideshow li:last-child');
-
- // use this to pull the images in the order they appear in the markup
- var $next = $active.next().length ? $active.next()
- : $('#sampler-slideshow li:first-child');
-
- $active.addClass('last-active');
-
- $next.css({opacity: 0.0})
- .addClass('active')
- .animate({opacity: 1.0}, 500, function() {
- $active.removeClass('active last-active');
- });
- }
-
function doTabs() {
var content = $("#reasons");
content.addClass("js");
// Initialize history plugin.
// The callback is called at once by present location.hash.
$.historyInit(pageload, "");
- setInterval( "slideSwitch()", 2200 );
});
window.onload = function() {
} catch(e) {}
}
- Cufon.replace(["h2","h4","#sampler .start"], {fontFamily: "HelveticaRounded"});
+ Cufon.replace(["h2","h4"], {fontFamily: "HelveticaRounded"});
Cufon.replace(["h3"], {fontFamily: "HelveticaLight"});
</script>
</body>
var vaadin = {
debug: true,
vaadinConfigurations : {
- 'fb' : {
- appUri : '/sampler',
- // sampler only works with sampler widgetset
- widgetset : 'com.vaadin.demo.sampler.gwt.SamplerWidgetSet',
- themeUri : '/VAADIN/themes/sampler-reindeer',
- versionInfo : {
- vaadinVersion : "6.0.0-INTERNAL-NONVERSIONED-DEBUG-BUILD",
- applicationVersion : "NONVERSIONED"
- }
- },
'calc' : {
appUri : '/Calc',
// no widgetset defined means don't care. Most widgetset have button and gridlayout.
// First injected widgetset will start this app.
- themeUri : '/VAADIN/themes/sampler-reindeer',
+ themeUri : '/VAADIN/themes/reindeer',
versionInfo : {
vaadinVersion : "6-INTERNAL-NONVERSIONED-DEBUG-BUILD",
applicationVersion : "NONVERSIONED"
'colorpicker' : {
appUri : '/colorpicker',
widgetset : 'com.vaadin.demo.colorpicker.gwt.ColorPickerWidgetSet',
- themeUri : '/VAADIN/themes/sampler-reindeer',
+ themeUri : '/VAADIN/themes/reindeer',
versionInfo : {
vaadinVersion : "6.0.0-INTERNAL-NONVERSIONED-DEBUG-BUILD",
applicationVersion : "NONVERSIONED"
src='/VAADIN/widgetsets/com.vaadin.terminal.gwt.DefaultWidgetSet/com.vaadin.terminal.gwt.DefaultWidgetSet.nocache.js'></script>
<script language='javascript'
src='/VAADIN/widgetsets/com.vaadin.demo.colorpicker.gwt.ColorPickerWidgetSet/com.vaadin.demo.colorpicker.gwt.ColorPickerWidgetSet.nocache.js'></script>
-<script language='javascript'
- src='/VAADIN/widgetsets/com.vaadin.demo.sampler.gwt.SamplerWidgetSet/com.vaadin.demo.sampler.gwt.SamplerWidgetSet.nocache.js'></script>
<link rel="stylesheet" type="text/css"
- href="/VAADIN/themes/sampler-reindeer/styles.css" />
+ href="/VAADIN/themes/reindeer/styles.css" />
</head>
<body>
<iframe id="__gwt_historyFrame"
src="javascript:false"></iframe>
<p>Experimental test page for multiple apps and multiple widgetsets
- on the same page. Try with ?debug to see three VConsoles! Test well
+ on the same page. Try with ?debug to see two VConsoles! Test well
before using this kind of setup in production. E.g. theme conflicts
and other unknown issues may arise. E.g. Glass can get broken in your
screen, even in LCD:s. Seriously, to save bandwidth and client side load,
it is highly recommended to use the classic shared widgetset approach.</p>
- <div id="fb" style="height: 400px; border: 2px solid red; margin: 0"></div>
<div id="calc" style="border: 2px solid green; margin: 0"></div>
<div id="colorpicker" style="border: 2px solid blue; margin: 0"></div>
</body>
</antcall>
</target>
- <target name="compile-widgetset-sampler" unless="compile.only.default-widgetset">
- <antcall target="compile-widgetset">
- <param name="widgetset" value="com.vaadin.demo.sampler.gwt.SamplerWidgetSet"/>
- </antcall>
- </target>
-
<target name="compile-widgetset-optimized" unless="compile.only.default-widgetset">
<antcall target="compile-widgetset">
<param name="widgetset" value="com.vaadin.demo.gwt.OptimizedWidgetSet"/>
<!-- We can't call these with 'depends' because of the 'unless' specifier. -->
<antcall target="compile-widgetset-default"/>
<antcall target="compile-widgetset-portal-default"/>
- <antcall target="compile-widgetset-sampler"/>
<antcall target="compile-widgetset-optimized"/>
<antcall target="compile-widgetset-colorpicker"/>
</target>
<parallel threadsperprocessor="1">
<antcall target="compile-widgetset-default"/>
<antcall target="compile-widgetset-portal-default"/>
- <antcall target="compile-widgetset-sampler"/>
<antcall target="compile-widgetset-optimized"/>
<antcall target="compile-widgetset-colorpicker"/>
</parallel>
<!-- Build each widgetset locally, i.e., not for an installation package. -->
<target name="widgetset-default" depends="init-nonpackage, init, compile-widgetset-generator, compile-widgetset-default"/>
<target name="widgetset-portal-default" depends="init-nonpackage, init, compile-widgetset-generator, compile-widgetset-portal-default"/>
- <target name="widgetset-sampler" depends="init-nonpackage, init, compile-widgetset-generator, compile-widgetset-sampler"/>
<target name="widgetset-colorpicker" depends="init-nonpackage, init, compile-widgetset-generator, compile-widgetset-colorpicker"/>
<!-- ================================================================== -->
</init-param>
</servlet>
- <!-- Sampler demo application -->
- <servlet>
- <servlet-name>Sampler</servlet-name>
- <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
- <init-param>
- <param-name>application</param-name>
- <param-value>com.vaadin.demo.sampler.SamplerApplication</param-value>
- </init-param>
- <init-param>
- <param-name>widgetset</param-name>
- <param-value>com.vaadin.demo.sampler.gwt.SamplerWidgetSet</param-value>
- </init-param>
- </servlet>
-
<!-- AddressBook demo application -->
<servlet>
<servlet-name>AddressBook</servlet-name>
<servlet-name>FeatureBrowser</servlet-name>
<url-pattern>/FeatureBrowser/*</url-pattern>
</servlet-mapping>
- <servlet-mapping>
- <servlet-name>Sampler</servlet-name>
- <url-pattern>/sampler/*</url-pattern>
- </servlet-mapping>
<servlet-mapping>
<servlet-name>AddressBook</servlet-name>
<url-pattern>/AddressBook/*</url-pattern>
<module>
<!-- WS Compiler: manually edited -->
- <!-- Inherit the SamplerWidgetSet -->
- <inherits name="com.vaadin.demo.sampler.gwt.SamplerWidgetSet" />
+ <!-- Inherit the DefaultWidgetSet -->
+ <inherits name="com.vaadin.terminal.gwt.DefaultWidgetSet" />
</module>
projects / vaadin-framework.git / commitdiff
