EndPreviousNextEnd EndPrint This TopicEnd

MemberRegistration.css

The Member Registration module enables you to create one or more Member Sign-up Forms. Site administrators can construct, design and integrate a member registration form (within your website) to your exact requirements. Once integrated, the form allows your site visitors to register for a member account; providing access to member only areas on your site.

 

1.The Member Registration layout uses the HTML <Fieldset> Tag to layout labels and fields.

 

2.If you encounter style clashes, check other module CSS for Class names and prefix the appropriate Class Selector for this module to differentiate it. For example EnquiryForm.css also uses "EnquiryLabel".

 

How to setup and manage this module? Use the Contegro Administration Console to access settings for this module. For example, adding a "Form Title" adding or removing "Form Fields" and adding a "Confirmation Message".

 

 

Default Code

 

/* -----[ Member Registration ]--------------------------------------------------------------------- */

 

.MemberRegistration:after {

 content: ".";

 display: block;

 height: 0;

 font-size: 0;

 clear: both;

 visibility: hidden;

}

.MemberRegistration {

 display: inline-block;

 width: auto;

 height: auto;

 clear: both;

 margin: 10px 0px;

 padding: 8px;

 border: 1px solid #999999;

 background: #FFFFFF;

}

/* Hides from IE Mac \*/

* html .MemberRegistration {

   height: 1%; }

.MemberRegistration {

   display: block; }

/* End hide from IE-mac */

 

         /* === [ Field Grouping ] === */

         .EnquiryLabelGroup {

                 display: block;

                 clear: both;

         }

 

                 /* === [ Checkbox | RadioButton Table ] === */

                 .CustomCheckbox,

                 .CustomRadio {

                         font-size: 1em;

                         margin: 0px 0px 4px 0px;

                         float: left;

                 }

                 .CustomCheckbox label,

                 .CustomRadio label {

                         margin: 0px 12px 0px 3px;

                 }

                 .CustomCheckbox input {

                 }

 

/* === [ Border and Spacing ] === */

.MemberRegistration fieldset {

 position: relative;

 display: block;

 clear: both;

 padding: 10px;

 height: 1%;

}

 

         /* === [ Legend Text ] === */

         .MemberRegistration fieldset legend {

                 font-size: 1.2em;

                 color: #666666;

                 font-weight: bold;

                 margin:  16px 0px 8px -8px;

         }

 

         /* === [ Lable Text ] === */

         .MemberRegistration label.EnquiryLabel {

                 font-size: 1.2em;

                 position: relative;

                 display: block;

                 float: left;

                 width: 130px;

                 padding-right: 5px;

                 margin-bottom: 5px;

         }

         

         /* === [ Form Fields ] === */

         .MemberRegistration input, 

         .MemberRegistration select, 

         .MemberRegistration textarea {

                 position: relative;

                 display: inline;

                 margin-bottom: 2px;

         }

 

         /* === [ Error Text ] === */

         .EnquiryError {

                 position: relative;

                 display: inline-block;

                 clear: both;

                 font-size: 10px;

                 width: 250px;

         }

 

         /* === [ Button ] === */

         .MemberRegistration input.EnquiryButton {

                 position: relative;

                 display: block;

                 margin: 10px 0px 0px 134px;

         }

 

 

Default Images

 

button_submit Templates/_images/button_submit.gif

 

 

Contegro Demo Example

 

Member Registration

Topic Link