-/**
-* Various styles for debug mode
-*/
-.uidl {
- z-index: 1001;
- text-indent: 18px;
- border: 1px dashed red;
- font-weight: normal;
- white-space: nowrap;
- cursor: hand;
- cursor: pointer;
-}
-
-.minimized {
- overflow: hidden;
- width: 5px;
- height: 5px;
- z-index: 1000;
- float: left;
-}
-
-
-
-/**
-* Common attribute classes
-*/
-.abs { position: absolute; }
-.right { float: right; }
-.nobr { white-space: nowrap; }
-.inline { display: inline; }
-.hidden { display: none; }
-.pad {
- padding: 3px 7px 3px 10px;
-}
-.padnr {
- padding: 4px 0 4px 10px;
-}
-
-/**
-* Background used in various headers
-*/
-.bg {
- background-image: url(img/bg1.gif);
- background-repeat: repeat-x;
- background-color: white;
-}
-
-
-
-
-
-
-
-
-
-
-
-.disabled {
- color: #999999;
- opacity: 0.5;
- filter: alpha(opacity=50);
-}
-.disabled .caption {
- color: #999999;
-}
-.disabled .border .caption {
- color:#999999;
-}
-.disabled * {
- color:#999999;
-}
-
-.caption {
- font-weight:bold;
- color: black;
- white-space:nowrap;
- /*height: 16px;*/
-}
-.caption .error {
- /*width: 16px;
- height: 16px;*/
- padding-left:5px;
-}
-
-.content {
- padding:5px;
-}
-
-.clickable {
- cursor:hand;
- cursor:pointer;
-}
-
-
-/*.over {
- border: 1px solid #eeeeee;
-}
-.over .border {
- border: 1px solid #9999ee;
- margin-left:-1px;
-}*/
-
-/*
-.over.outset {
- border: 1px solid #eeeeee !important;
- border: inherit;
-}*/
-
-.border {
- border: 1px solid #aaaaaa;
-}
-
-.border.error {
- border-color: #ee6666;
-}
-
-IMG.overlay {
- position: absolute;
- z-index: 5;
-}
-IMG.error {
- width: 11px;
- height: 16px;
-}
-
-.inset {
- border-top: 2px solid #eeeeee;
- border-left: 2px solid #eeeeee;
-}
-
-.outset {
- border-bottom: 2px solid #eeeeee;
- border-right: 2px solid #eeeeee;
-}
-
-.odd {
- background-color:#f1f1f1;
-}
-
-
-.selectable {
- color:white;
- background:#0075d9;
-}
-.selected {
- background-color:#c6e5fa;
-}
-
-/* Popup */
-.popup {
- font-weight: normal;
- position: absolute;
- z-index: 10000;
- background: #f5f5fa;
-}
-.popup TD {
- padding: 0px;
- border: 0px;
- margin: 0px;
-}
-.popup .icon {
- vertical-align: middle;
- display: inline;
- /*width: auto;
- height: auto;*/
-}
-.popup .error {
- border: 1px solid red;
-}
-.popup.hide {
- display: none;
-}/*
-.popup.hide .border {
- display: inline;
- border: none;
-}
-.popup.hide .icon {
- display: inline;
- /*width: 16px;
- height: 16px;
-}
-.popup.hide .content {
- display: none;
-}
-.popup.hide .error {
- display: none;
-}*/
-
-
-
-.item {
- border: 1px solid #e9e9ef;
- border-top: 1px solid white;
- white-space: nowrap;
-}
-.item.over {
- border: 1px solid #9999ee;
- background-color: white;
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-.item .icon {
- width:16px;
- height:16px;
-}
-
-
-
-
-
-/**
-* Icons
-*/
-
-.icon {
- vertical-align:bottom;
- width:32px;
- height:32px;
-}
-.icon-mini {
- width:14px;
- height:11px;
- display:-moz-inline-box;
- display:inline-block;
- vertical-align:top;
-}
-.icon.error {
- background:url(img/icon/error.gif) no-repeat top right;
-}
-.icon-mini.error {
- background:url(img/icon/error-mini.gif) no-repeat;
-}
-.icon.info {
- background:url(img/icon/info.gif) no-repeat;
-}
-.icon-mini.info {
- background:url(img/icon/info-mini.gif) no-repeat top right;
-}
-
-
-/* COMPONENTS */
-
-
-/**
-* Layouts
-*/
-.gridlayout TABLE TD {
- text-align: left;
- vertical-align: top;
-}
-
-.orderedlayout TABLE {
- /* TODO works in FF not IE */
- Xwidth: 100%;
-}
-
-
-/**
-* Button
-*/
-
-/* Button-style */
-.button {
- margin-left:-5px;
-}
-.button .icon-mini {
- padding-left:5px;
-}
-.btn {
- float:left;
- padding:5px 12px 0 0;
- height:23px;
- color:#fff;
- background:url(img/button/btn-bg.gif) repeat-x;
-}
-
-.over .btn {
- background:url(img/button/btn-bg.gif) repeat-x bottom left;
- border:none;
-}
-.btn-left, .btn-right {
- width:16px;
- height:28px;
- float:left;
- background:url(img/button/btn-left.gif) no-repeat;
-}
-.btn-right {
- background:url(img/button/btn-right.gif) no-repeat;
-}
-.over .btn-left {
- background:url(img/button/btn-left.gif) no-repeat bottom left;
-}
-.over .btn-right {
- background:url(img/button/btn-right.gif) no-repeat bottom left;
-}
-.btn .caption {
- color:#fff;
-}
-.btn .popup, .btn .popup .caption {
- color:#494949;
-}
-.button.over {
- border:none;
-}
-.button.over .btn .caption {
- color:#fff;
-}
-
-/* Link-style */
-.button-link .caption {
- color:#6db201;
- text-decoration:underline;
-}
-.button-link.over .caption {
- color:#2a7acc;
-}
-.button-link .popup, .button-link .popup .caption, .button-link.over .caption .popup .content {
- color:#494949;
- text-decoration:none;
-}
-
-
-
-/**
-* Link
-*/
-.link {
-
-}
-.link.over {
- background:none;
-}
-.link .caption {
- color:#6db201;
- text-decoration:underline;
-}
-.link.over .caption {
- color:#2a7acc;
-}
-.link .description {
- font-size:0.9em;
-}
-.link .popup .caption, .link .popup .content {
- color:#494949;
- text-decoration:none;
-}
-
-
-
-
-/**
-* Tabsheet
-*/
-/*
-.tabs {
- padding-left: 0px !important;
- padding-left: 1px;
- padding-top: 5px;
- padding-bottom: 3px !important;
- padding-bottom: 2px;
- white-space: nowrap;
-}
-.tab, .tab-on {
- border-right: 2px solid #eeeeee;
- border-bottom: none;
-}
-.tab-on {
- position: relative;
- top: 1px;
-}
-.tab .caption {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
- border-bottom: none;
-}
-.tab .over {
- /*border: 1px solid #9999ee;
- border-bottom: none;
-}
-.tab-on .caption {
- border-bottom: 1px solid white;
- border-bottom: none;
- background-color: white;
-}
-*/
-
-
-.node {
- border: 1px solid white;
- white-space: nowrap;
- padding-bottom: 2px;
-}
-.nodes {
- padding-left: 16px;
-}
-.node .caption {
- vertical-align: top;
- font-weight: normal;
-}
-
-.node.over {
- /*border: 1px solid #9999ee;
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
- background-color: white;*/
-}
-.node.over .caption {
- /*color: blue;*/
-}
-.node .icon {
- width:16px;
- height:16px;
-}
-
-/**
-* Panel
-*/
-
-/* Normal style */
-.panel {
- margin:14px 9px 14px 0;
-}
-.panel .top {
- height:35px;
-}
-.panel .top .left {
- background:transparent url(img/panel/top-left.gif) no-repeat;
- margin-right:19px;
- height:35px;
-}
-.panel .top .right {
- background:transparent url(img/panel/top-right.gif) no-repeat right top;
- margin-left:-19px;
- width:19px;
- height:35px;
- float:right;
- display:inline;
-}
-.panel .middle {
- background:#f8f8f8 url(img/panel/middle.gif) repeat-x;
- border-left:solid 2px #ededed;
- border-right:solid 2px #ededed;
- padding:12px 19px 12px 19px;
- overflow:auto;
-}
-.panel .bottom {
- height:21px;
-}
-.panel .bottom .left {
- background:url(img/panel/bottom-left.gif) no-repeat;
- margin-right:19px;
- height:21px;
-
-}
-.panel .bottom .right {
- background:url(img/panel/bottom-right.gif) no-repeat right top;
- width:19px;
- height:21px;
- float:right;
-}
-/* FIX IE6 (5.5) leaves a four pixel gap between left and right div's */
-* html .panel .bottom .right {
- position:relative;
- left:-4px;
-}
-.panel .top .left .title {
- padding:8px 19px 3px 19px;
- height:22px;
- margin-right:-19px;
- border-bottom:solid 1px #dedede;
-}
-.panel .top .left .title .caption {
- font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
- color:#0076c9;
- font-style:italic;
- font-weight:bold;
- font-size:12pt;
- letter-spacing:-0.04em;
- white-space:nowrap;
-}
-
-
-/* Light style */
-.panel-light {
- margin:20px 9px 20px 0;
-}
-.panel-light .top {
- height:31px;
- overflow:hidden;
-}
-.panel-light .top .left {
- background:transparent url(img/panel/top-left-light.gif) no-repeat;
- margin-right:19px;
- height:31px;
-}
-.panel-light .top .right {
- background:transparent url(img/panel/top-right-light.gif) no-repeat right top;
- margin-left:-19px;
- width:19px;
- height:31px;
- float:right;
- display:inline;
-}
-.panel-light .middle {
- background:#fff url(img/panel/middle-light.gif) repeat-x;
- padding:12px 19px 12px 19px;
- overflow:auto;
-}
-.panel-light .top .left .title {
- padding:5px 19px 3px 19px;
- height:18px;
-}
-.panel-light .top .left .title .caption {
- font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
- color:#0076c9;
- font-style:italic;
- font-weight:bold;
- font-size:11pt;
- letter-spacing:-0.04em;
- white-space:nowrap;
-}
-
-/* Description popup fixes */
-.panel .title .caption .popup .caption, .panel .title .caption .popup .caption {
- font-family:Tahoma, Arial, Helvetica, sans-serif;
- font-style:normal;
- font-size:8pt;
- color:#494949;
-}
-
-
-
-
-
-/*
-.textfield.over .border {
- border: 1px solid #9999ee;
-}
-*/
-.textfield INPUT {
- border: none;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-
-
-
-/*
-* Table
- */
-
-/* Renewed theme styles, 8.6.2006 - Jouni Koivuviita */
-.table {
- margin:14px 10px 14px 0;
- color:#494949;
-}
-.table .header {
- height:25px;
- overflow:hidden;
- position:relative;
- top:3px;
- z-index:1;
-}
-.table .header .left {
- width:20px;
- height:25px;
- float:left;
- background:url(img/table/caption-left.gif) no-repeat;
-}
-.table .header .title {
- height:25px;
- float:left;
- background:url(img/table/caption-bg.gif) repeat-x;
- padding-right:20px;
-}
-.table .header .right {
- width:20px;
- height:25px;
- float:left;
- background:url(img/table/caption-right.gif) no-repeat;
-}
-.table .header .title {
- padding-top:7px;
- color:#fff;
-}
-.table .top {
- height:3px;
- overflow:hidden;
-}
-.table .top .left {
- background:url(img/table/top-left.gif) no-repeat;
- margin-right:4px;
- height:3px;
-}
-.table .top .right {
- background:url(img/table/top-right.gif) no-repeat right top;
- width:4px;
- height:3px;
- float:right;
-}
-
-.table .middle {
- background-color:#f8f8f8;
- border-left:solid 3px #f1f1f1;
- border-right:solid 3px #f1f1f1;
- color:#494949;
-}
-.table .bottom {
- height:3px;
-}
-.table .bottom .left {
- background:url(img/table/bottom-left.gif) no-repeat;
- margin-right:4px;
- height:3px;
-
-}
-.table .bottom .right {
- background:url(img/table/bottom-right.gif) no-repeat right top;
- width:4px;
- height:3px;
- float:right;
-}
-.table .header .title .caption {
- color:#fff;
-}
-.table .col-headers {
- background:#f4f4f4 url(img/table/col-header-bg.gif) repeat-x;
- color:#0076c9;
-}
-
-
-/* Old table styles */
-.list .bg {
- background-image: none;
-}
-.list .cheader {
- border-width: 1px 1px 1px 1px;
-}
-.list .content TABLE {
- width: 100%;
-}
-.list .nav {
- border-top: 2px solid #eeeeee;
- text-align: center;
- font-size: smaller;
-}
-.list .nav .small {
- font-size: smaller;
-}
-.list .content TR.over {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
- background-color: white;
-}
-.list .content TD.scroll {
- background: white;
-}
-.list .content TD.scroll {
- background: white;
-}
-.table .content {
- padding: 0px;
-}
-.table .content TABLE {
- border-collapse: collapse;
- empty-cells: show;
- width: 100%;
-}
-.table .content TD {
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 3px;
- padding-bottom: 3px;
- border-left: 1px solid #eeeeee;
- border-bottom: 1px solid #eeeeee;
-}
-
-.table .cheader {
- border-bottom-color: #999999;
- border-left: 1px solid #cdcdcd;
- padding-top: 5px;
- padding-bottom: 5px;
- vertical-align: middle;
-}
-.table .cheader.over {
- border-color: #9999ee;
- padding-bottom: 4px;
-}
-.table .cheader.sorted {
- border-color: #9999ee;
- padding-bottom: 4px;
-}
-.table .rheader {
- text-align: right;
- border-right-color: #999999;
- border-left: none;
-}
-.table .selected .rheader {
- background-color: white;
-}
-.table .empty {
- border-bottom-color: #999999;
- border-right-color: #999999;
-}
-.table .nav {
- border-top: 2px solid #eeeeee;
- text-align: center;
- font-size: smaller;
-}
-.table .nav .small {
- font-size: smaller;
-}
-.table .content TR.over {
- background-image: url(img/bg1.gif);
- background-repeat: repeat-x;
- background-color: white;
-}
-.table .content TR.over TD {
- border-bottom: 1px solid #9999ee;
-}
-
-.table .content TD.scroll {
- padding: 0px;
- border: none;
- width: 16px;
- height: 100%;
-}
-.table .content TD.cheader.scroll {
- border-left: 1px solid #999999;
- border-bottom: 1px solid #999999;
- width: 16px;
-}
-.table DIV.scroll {
- width: 16px;
- border-left: 1px solid #eeeeee;
- /*overflow: scroll;*/
- height: 100%;
-}
-td.header {
- background: url(img/bg1.gif);
- background-repeat: repeat-x;
-}
-.table .icon {
- width:16px;
- height:16px;
- background:url(img/table/col-header-bg.gif) repeat-x;
-}
-
-
-/**
-* General HTML-tag styles
-* Added 6.6.2006
-* Jouni Koivuviita
-**/
-
-body {
- margin:0;
- padding:20px;
- background: url(img/body_bg.gif) repeat-x #fff;
- color:#494949;
- font-family:Tahoma, Arial, Helvetica, sans-serif;
- font-size:62.5%;
-}
-td {
- font-size:8pt;
-}
-p {
- font-size:1em;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-family: "Trebuchet MS", sans-serif;
- color:#494949;
- letter-spacing:-0.03em;
-}
-h1 {
- font-size: 18pt;
- text-transform:uppercase;
- margin:1em 0 0.6em 0;
-}
-h2 {
- font-size:17pt;
- font-weight:normal;
- color:#0076c9;
- margin:0.8em 0 0.5em 0;
-}
-h3 {
- font-size: 14pt;
- margin:0.6em 0 0.4em 0;
-}
-h4 {
- font-size:12.4pt;
- font-style:italic;
- color:#0076c9;
- margin:0.4em 0 0.3em 0;
-}
-h5 {
- font-size:10pt;
- margin:0.3em 0 0.2em 0;
-}
\ No newline at end of file
+/* Debug styles */\r
+.uidl {\r
+ position: absolute;\r
+ z-index: 1001;\r
+ text-indent: 18px;\r
+ background-color: white;\r
+ background-image: url('img/debug.gif');\r
+ background-repeat: no-repeat;\r
+ background-position: 1 1;\r
+ font-weight: normal;\r
+ white-space: nowrap;\r
+}\r
+.minimized {\r
+ overflow: hidden;\r
+ width: 18px;\r
+ height: 18px;\r
+ z-index: 1000;\r
+}\r
+\r
+/* General styles */\r
+\r
+* {\r
+ background-color: ThreeDFace;\r
+ font-family: sans-serif;\r
+ Xfont-size: 10pt;\r
+ font-weight: normal;\r
+}\r
+\r
+.inline {\r
+ display: inline;\r
+}\r
+\r
+.hidden {\r
+ display: none;\r
+}\r
+\r
+.border {\r
+ background-color: ButtonFace;\r
+ border-width: 1px;\r
+ border-style: solid;\r
+ border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; \r
+}\r
+\r
+.outset {\r
+ border: 1px solid ButtonFace;\r
+}\r
+/* DISABLED */\r
+.disabled {\r
+ color: GrayText;\r
+ opacity: 0.5;\r
+ filter: alpha(opacity=50);\r
+}\r
+.disabled .caption {\r
+ color: GrayText;\r
+}\r
+.disabled .border .caption {\r
+ color: GrayText;\r
+}\r
+INPUT, SELECT, SELECT OPTION, TEXTAREA {\r
+ background-color: ThreeDHighlight;\r
+}\r
+.disabled INPUT, .disabled SELECT, .disabled SELECT OPTION {\r
+ background-color: ThreeDFace;\r
+}\r
+\r
+/* CAPTION */\r
+.caption {\r
+ color: ButtonText;\r
+}\r
+.caption .icon {\r
+ width: 1em;\r
+ height: 1em; \r
+ vertical-align: middle;\r
+ padding-right: 5px;\r
+}\r
+\r
+.clickable {\r
+ cursor: hand;\r
+ cursor: pointer;\r
+}\r
+\r
+.over {\r
+ border: 1px solid ThreeDDarkShadow;\r
+}\r
+.over .caption {\r
+ color: ActiveCaption;\r
+}\r
+\r
+.selected {\r
+ font-weight: bold;\r
+ background: #aaaaaa;\r
+}\r
+\r
+.content {\r
+ padding: 7px;\r
+}\r
+\r
+/* TOOLTIP */\r
+IMG.overlay {\r
+ position: absolute;\r
+ z-index: 5;\r
+}\r
+.popup {\r
+ position: absolute;\r
+ z-index: 99999;\r
+ overflow: hidden;\r
+}\r
+.popup.hide {\r
+ display: none;\r
+}\r
+.popup .border {\r
+ border: 1px solid InfoText;\r
+ background-color: InfoBackground;\r
+}\r
+.popup .caption {\r
+ text-align: left;\r
+}\r
+.popup * {\r
+ white-space: nowrap;\r
+ color: InfoText;\r
+ background-color: InfoBackground;\r
+}\r
+.popup .error {\r
+ font-size: 0.9em;\r
+}\r
+\r
+/* COMPONENTS */\r
+\r
+/* Button */\r
+.button .border {\r
+ height: 1.2em;\r
+ overflow: hidden;\r
+ padding: 0.2em 0.4em 0.2em 0.4em;\r
+ text-align: center;\r
+}\r
+\r
+.button-link .caption {\r
+ color: ActiveCaption;\r
+ font-style: italic;\r
+}\r
+.button-link .over {\r
+ border: none;\r
+}\r
+.button-link .over .caption {\r
+ text-decoration: underline;\r
+}\r
+\r
+/* DateField */\r
+.datefield .btn {\r
+ background-color: ButtonFace;\r
+ margin-right: 3px;\r
+}\r
+\r
+/* Link */\r
+.link .caption {\r
+ color: ActiveCaption;\r
+ font-style: italic;\r
+}\r
+.link .over {\r
+ border: none;\r
+}\r
+.link .over .caption {\r
+ text-decoration: underline;\r
+}\r
+.link .description {\r
+ font-size: 0.8em;\r
+ text-indent: 1.5em;\r
+}\r
+\r
+/* Panel */\r
+.panelcaption {\r
+ padding: 0.2em 0.4em 0.2em 0.4em;\r
+}\r
+.panel .panelcaption {\r
+ border-bottom: 2px groove ButtonShadow;\r
+ color: CaptionText;\r
+ background-color: ActiveCaption;\r
+}\r
+.panel-light .borderlight {\r
+ border: 2px groove ThreeDHighlight;\r
+}\r
+\r
+/* Select */\r
+.select-optiongroup INPUT.option {\r
+ background-color: ThreeDFace;\r
+}\r
+.select-optiongroup DIV.newitem {\r
+ margin-left: 1.2em;\r
+ margin-top: 0.3em;\r
+}\r
+\r
+/* TabSheet */\r
+.tabsheet .tabs {\r
+ margin-top: 0.5em;\r
+}\r
+.tabsheet .tabs .tab .caption, .tabsheet .tabs .tab-on .caption {\r
+ margin-left: 1px;\r
+ margin-right: 1px;\r
+ padding: 0.2em 0.4em 0.1em 0.4em;\r
+}\r
+.tabsheet .tabs .tab .border {\r
+ border-bottom: 1px solid ThreeDHighlight;\r
+}\r
+.tabsheet .tabs .tab-on .border {\r
+ border-bottom: 1px solid ThreeDFace;\r
+}\r
+.tabsheet .tabs .over {\r
+ border: none;\r
+}\r
+.tabsheet .tabs .over .border {\r
+ border-bottom: 1px solid ThreeDFace;\r
+}\r
+\r
+\r
+/* TextField */\r
+.textfield {\r
+ margin-top: 0.05em;\r
+}\r
+.textfield .border {\r
+ border: none;\r
+}\r
+.textfield INPUT {\r
+ font-size: 1em;\r
+ padding: 0.12em 0.4em 0.12em 0.4em;\r
+}\r
this.hidePopup();\r
} \r
this.popup = popup;\r
+/* THIS CODE IS NOT NEEDED IF WE CAN POSITION THE POPUP BEFOREHAND\r
+\r
popup.style.left = 0+"px";\r
popup.style.top = 0+"px";\r
this.removeCSSClass(popup,"hide");\r
+\r
var p = client.getElementPosition(popup);\r
this.addCSSClass(popup,"hide");\r
// TODOO!!! width not working properly\r
\r
popup.style.left = posX+"px";\r
popup.style.top = posY+"px";\r
-\r
+*/\r
if (delay > 0) {\r
with ({theme:this}) {\r
theme.popupTimeout = setTimeout(function(){\r
\r
var style = uidl.getAttribute("style");\r
\r
+ var borderStyle = "border";\r
+ \r
// Create component element\r
var outer = theme.createPaintableElement(renderer,uidl,target,layoutInfo);\r
if (uidl.getAttribute("invisible")) return; // Don't render content if invisible\r
}\r
if ("light"==style) {\r
theme.addCSSClass(div,"light");\r
+ borderStyle += "light";\r
}\r
\r
// Create extra DIV for visual layout\r
var div = theme.createElementTo(outer,"div");\r
if ("none"!=style) {\r
- theme.setCSSClass(div,"border");\r
+ theme.setCSSClass(div,borderStyle);\r
}\r
\r
// Create default header\r
var caption = theme.renderDefaultComponentHeader(renderer,uidl,div);\r
- theme.addCSSClass(caption,"pad");\r
+ theme.addCSSClass(caption,"panelcaption");\r
if ("light"==style) {\r
- theme.addCSSClass(caption,"lightcap");\r
+ theme.addCSSClass(caption,"panelcaptionlight");\r
}\r
\r
// Create content DIV\r
\r
// Create default header\r
var caption = renderer.theme.renderDefaultComponentHeader(renderer,uidl,div,layoutInfo);\r
- theme.createElementTo(div,"br");\r
\r
// Render tabs\r
var tabs = theme.createElementTo(div,"div","tabs");\r
if (tabNode.getAttribute("selected") == "true") {\r
theme.addCSSClass(tab,"tab-on inline");\r
selectedTabNode = tabNode;\r
- } else if (tabNode.getAttribute("disabled") == "true") {\r
+ } else if (tabNode.getAttribute("disabled") == "true" \r
+ || uidl.getAttribute("disabled") == "true"\r
+ || uidl.getAttribute("readonly") == "true") {\r
theme.setCSSClass(tab,"tab disabled inline");\r
} else {\r
theme.setCSSClass(tab,"tab clickable inline");\r
\r
// Icon\r
if (iconUrl) {\r
- tab.innerHTML = "<IMG src=\""+iconUrl+"\" class=\"icon\" />"+tabNode.getAttribute("caption");\r
- //var icon = theme.createElementTo(tab,"img","icon");\r
- //icon.src = iconUrl;\r
+ tab.innerHTML = "<IMG src=\""+iconUrl+"\" class=\"icon\" />" + tabNode.getAttribute("caption");\r
} else {\r
tab.innerHTML = tabNode.getAttribute("caption");\r
}\r
- \r
- // Caption\r
- //theme.createTextNodeTo(tab,tabNode.getAttribute("caption"));\r
\r
}\r
}\r
\r
- // Render content\r
+ // Render content (IE renderbug need three)\r
var content = theme.createElementTo(div,"div","outset");\r
- content = theme.createElementTo(content,"div","content border");\r
+ content = theme.createElementTo(content,"div","border");\r
+ content = theme.createElementTo(content,"div","content");\r
if (selectedTabNode != null) {\r
theme.renderChildNodes(renderer,selectedTabNode, content);\r
}\r
input.focusid = focusid;\r
}\r
} else {\r
- input = renderer.theme.createInputElementTo(border,(secret?"password":"text"),null,focusid);\r
- \r
+ input = renderer.theme.createInputElementTo(border,(secret?"password":"text"),null,focusid); \r
}\r
if (tabindex) input.tabIndex = tabindex;\r
if (disabled||readonly) {\r
input.disabled = "true";\r
}\r
\r
- \r
// Assign cols and rows\r
if (cols >0) {\r
if (multiline) {\r
input.cols = cols;\r
} else {\r
input.size = cols;\r
+ input.maxlength = cols;\r
}\r
}\r
if (rows >0) {\r
}\r
\r
// Create button\r
- var button = theme.createInputElementTo(div,"button");\r
+ var button = theme.createInputElementTo(div,"button","btn clickable");\r
button.id =buttonId;\r
button.value = "...";\r
if (disabled||readonly) {\r
var link = theme.createElementTo(div,"div", "link pad clickable");\r
\r
if (!disabled&&!readonly) {\r
- theme.addAddClassListener(theme,client,div,"mouseover","over");\r
- theme.addRemoveClassListener(theme,client,div,"mouseout","over");\r
+ theme.addAddClassListener(theme,client,link,"mouseover","over");\r
+ theme.addRemoveClassListener(theme,client,link,"mouseout","over");\r
\r
var feat;\r
switch (border) {\r
if (focusid) select.focusid = focusid;\r
if (tabindex) select.tabIndex = tabindex;\r
if (selectMode == "multi") {\r
- select.setAttribute("multiple", "true"); \r
+ select.setAttribute("multiple", "true");\r
if (newitem) {\r
theme.createElementTo(div,"br");\r
} \r
var options = theme.getFirstElement(uidl,"options");\r
if (options != null) {\r
options = options.getElementsByTagName("so");\r
+ if (options && options.length && selectMode == "multi") {\r
+ select.size = (options.length>7?7:options.length);\r
+ }\r
} \r
if (disabled||readonly) {\r
select.disabled = "true";\r
var button = theme.createElementTo(div,"button");\r
theme.createTextNodeTo(button,"+");\r
var newitemVariable = theme.createVariableElementTo(div,theme.getVariableElement(uidl,"string","newitem"));\r
- theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,immediate);\r
+ theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,true);\r
}\r
}\r
\r
var caption = optionUidl.getAttribute("caption");\r
var html;\r
if (selectMode == "multi") {\r
- html = "<input type=checkbox name=\""+inputName+"\" id=\""+inputId+"\" ";\r
+ html = "<input class=\"option\" type=checkbox name=\""+inputName+"\" id=\""+inputId+"\" ";\r
} else { \r
- html = "<input type=radio name=\""+inputName+"\" id=\""+inputId+"\" "; \r
+ html = "<input class=\"option\" type=radio name=\""+inputName+"\" id=\""+inputId+"\" "; \r
}\r
if (disabled||readonly) html += " disabled=\"true\" "\r
if (optionUidl.getAttribute("selected") == "true") {\r
}\r
}\r
if (newitem) {\r
- theme.createElementTo(div,"br");\r
- var input = theme.createInputElementTo(div,"text");\r
- var button = theme.createElementTo(div,"button");\r
+ var ni = theme.createElementTo(div,"div","newitem");\r
+ var input = theme.createInputElementTo(ni,"text");\r
+ var button = theme.createElementTo(ni,"button");\r
theme.createTextNodeTo(button,"+");\r
- var newitemVariable = theme.createVariableElementTo(div,theme.getVariableElement(uidl,"string","newitem"));\r
+ var newitemVariable = theme.createVariableElementTo(ni,theme.getVariableElement(uidl,"string","newitem"));\r
theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,true);\r
}\r
}\r