Hi all,

Hi Doug - I am not actually sure what your skin or container is setup to display the background color and the fore-color but you should be able to modify this class within your Custom CSS file:

DynamicRegistration_DisabledTextbox

so you might review the CSS class within the module configuration area for that style... I just reviewed the source code and this should be the CSS class that our module is using for readonly fields.

Thanks,

Chad

Hi Chad,
Thanks much for your response! Under module configuration, -->Module Layout / Javascript / Stylesheet-->Style Sheet-->Custom CSS I didn't see a "DynamicRegistration_DisabledTextbox section, so I added it as follows, but it isn't working, can you let me know what I did wrong?

.DynamicRegistration_DisabledTextbox
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px;
font-weight:normal;
font-color: #333399;
background-color: #FFFFFF;

}

The whole file looks like this:
/* DATA SPRINGS Inc. - DYNAMIC REGISTRATION STYLE SHEET */


.DynamicRegistration_Maintable {

width: 100%;
padding: 2px;
}


.DynamicRegistration_Label
{
font-weight: Normal;
font-size: 10.5pt;
color: #000000;
font-family: Tahoma, Arial, Helvetica;
text-decoration: none;
}



/******** FOR THE AUTOSUGGEST BOX *******/
.NodeDefault {font-size:12px;cursor:hand;text-decoration:none;color:#555;}
.NodeIconDefault {cursor:hand;}
.ChildNodeDefault, .SpecialNode {font-size:12px;cursor:hand;text-decoration:none;color:#555;}
.SpecialNodeHover{background-color:green;color:#fff;}
.DisabledNode {color:Gray;}
.SelClass {background-color:#fc2f00;color:White;}
.HoverClass {background-color:#fc2f00;color:#fff;}
.MenuBarClass {border-right:1px outset;border-top:1px outset;border-left:1px

outset;width:140px;border-bottom: 1px outset;background-color:#ededed;}
.MenuClass {background-color: silver;border: outset 1px;}
.SpecialNode {color: Yellow;}




.DynamicRegistration_watermark
{

background-color: #EF5050;
font-size: 8.5pt;
color: #003366;

}

.DynamicRegistration_RequiredFieldAsterik
{
font-size: 6.5pt;
color: #CC0202;
}


.DynamicRegistration_Textbox
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px;
font-weight:normal;
font-color: #333399;
}
.DynamicRegistration_DisabledTextbox
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px;
font-weight:normal;
font-color: #333399;
background-color: #FFFFFF;

}

.DynamicRegistration_Password
{

}


.DynamicRegistration_Watermark
{
font-size: 6.5pt;
background-color: #CCCCCC;
}

.DynamicRegistration_FieldError
{

background-color: #EF5050;

}


.DynamicRegistration_Dropdownlist
{
font-weight: bold;
font-size: 11.5pt;
color: #003366;

}

.DynamicRegistration_Listbox
{

}

.DynamicRegistration_Checkbox
{

}


.DynamicRegistration_Checkboxgroup
{
font-weight: bold;


}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}




/* ADVANCED STYLES FOR PASSWORD STRENGTH */
.top_testresult{
font-weight: bold;
font-size:13px;
font-family: arail,helvetica,san-serif;
color:#666;
padding:0;
margin:0 0 2px 0;
}
.top_testresult span{
padding:6px ;
margin:0;
}
.top_shortPass{
background:#edabab;
border:1px solid #bc0000;
display:block;
}
.top_shortPass span{

}
.top_badPass{
background:#edabab;
border:1px solid #bc0000;
display:block;
}
.top_badPass span{

}
.top_goodPass{
background:#ede3ab;
border:1px solid #bc9f00;
display:block;
}
.top_goodPass span{

}
.top_strongPass{
background:#d3edab;
border:1px solid #73bc00;
display:block;
}
.top_strongPass span{

}




/* RESULT STYLE */
.testresult{
font-weight: bold;
font-size:13px;
font-family: arial,helvetica,san-serif;
color:#666;
padding:0px 0px 12px 10px;
margin-left:10px;
display: block;
height:28px;
float:right;
}
.testresult span{
padding:10px 20px 12px 10px;
margin: 0px 0px 0px 20px;
display:block;
float:right;
white-space: nowrap;
}
.shortPass{
background:url(/DesktopModules/Dynamic Registration/images/red.png) no-repeat 0 0;
}
.shortPass span{
background:url(/DesktopModules/Dynamic Registration/images/red.png) no-repeat top right;
}

.badPass{
background:url(/DesktopModules/Dynamic Registration/images/red.png) no-repeat 0 0;
}
.badPass span{
background:url(/DesktopModules/Dynamic Registration/images/red.png) no-repeat top right;
}
.goodPass{
background:url(/DesktopModules/Dynamic Registration/images/yellow.png) no-repeat 0 0;
}
.goodPass span{
background:url(/DesktopModules/Dynamic Registration/images/Yellow.png) no-repeat top right;
}
.strongPass{
background:url(/DesktopModules/Dynamic Registration/images/green.png) no-repeat 0 0;
}
.strongPass span{
background:url(/DesktopModules/Dynamic Registration/images/green.png) no-repeat top right;
}


/* Dynamic Forms jQuery Ratings Control */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-

999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/desktopmodules/Dynamic

%20Forms/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/desktopmodules/Dynamic%20Forms/images/star.gif)

no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0

0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END Dynamic Forms jQuery Ratings CSS */









Thanks!