Another question: How are the CSS classes being handled for the controls if you set a CSS class property using the Forms UI? Are they applied after creating the control, or while creating the control in Controls_Created method?

Hi Christine,

You can use the FormControl.ControlsCreated event to do this.

Here is an example:

protected void FormControl_ControlsCreated(object sender, EventArgs e)
{
	// Get all xform values
	NameValueCollection formFields = FormControl.Data.GetValues();

	if (formFields.Count <= 0) return;
	foreach (string field in formFields)
	{
		// Set xform value
		FormControl.Data.SetValue(field, "ValueToSetInField");

		// Find control and set it to disabled if it should be disabled
		var control = FormControl.FindControl(field) as Input;
		if (control == null) continue;
		control.Attributes.Add("ReadOnly", "readonly");
		control.Attributes.Add("style", "background-color:#dddddd;");
	}
}

To answer your second question, I guess the css class is added while creating the control.

Hope this helps!

Br, Tore Gjerdrum

Hi Christine!

One way you could make the disable functionality generic for the entire site is to define a css key to set the input field disabled. That way you could attach to the ControlsCreted event for all XForms being created on your site in your Global.asax.cs file and loop through all XForm controls. If the css file contains the magic key (perhaps "readonly") then you can add a disabled="disabled" attribute to the control which in turn will be rendered to the client.

Regards
Linus Ekström
EPiServer Development Team

Linus,

This was the idea I was going for and that is why I asked when the css class gets applied. It looks as if the css class is actually applied via javascript after the control is created. I have tried finding the control with css class="readonly" in the FormControl_ControlsCreated method, but because the style is added after, it doesn't work when looking in this method.

Thanks for the response also Tore. I'm still working on a solution and will let you know if I come up with one.

Best,
Christine

I've tried to edit the xformedit.js file in C:\Program Files\EPiServer\CMS\5.2.375.236\Application\UI\Javascript to look for a class called "disabled" and add disabled to the input tag. in the fieldCreateInput, I have an if statement, but it looks like this modified file is never being used. I have reset IIS and cleared my cache. Is this the correct file I should be using? It looks like the right one where the value is being passed and it's creating the input tag and adding the css class that gets set in the Xform UI property dialog box.

function fieldCreateInput( sType, sName, sValue, sClass, sSize, bRequired, label, tooltip, type, horizontalAlign, bChecked)
{
    var s = createLabelField(label, sName);
    
    s = s + '<input ';
    
    
    
    s = s +' type="' + sType + '"';
    
    if(sType == "checkbox" || sType == "radio")
    {
        sValue=ParseOptionValueString(sValue,'"','&quot;');  
    }
    
    if (sName && sName.length > 0)
    {
        s = s + ' name="' + sName + '"';
    }
    if (sValue && sValue.length > 0)
    {
        s = s + " value=\""+sValue+"\"";
    }
    else
    {
        s = s + " value=\"\"";
    }
    
    if (sClass && sClass.length > 0)
    {
        if (sClass == "disabled")
        {
            s = s + ' class="' + sClass + '" disabled';
        }
        else
        {
            s = s + ' class="' + sClass + '"';
        }
    }

.... etc etc.

    if( (sType == "checkbox" || sType == "radio") && bChecked == "true" )
    {
        s = s + '  checked />';
    }
    else
    {
        s = s + ' />';
    }

    return s;
}

Hi Christine!

You should be fine using the ControlsCreated event. Ive done someting similiar using CLASS="HIDDEN" to make some xformcontrols invisible:

xformControl.ControlsCreated += new EventHandler(xformControl_ControlsCreated);


protected void xformControl_ControlsCreated(object sender, EventArgs e)
{
  HackFixupXFormControls(xformControl);
}

protected void HackFixupXFormControls(Control parent)
{
  if(parent is XFormControlBase)
  {          
     XFormControlBase xformControl = parent as XFormControlBase;

     if(0==String.Compare(xformControl.Attributes["Class"], "HIDDEN", true))
     {
        xformControl.Visible = false;

        return;
     }
  }


  foreach(Control child in parent.Controls)
    HackFixupXFormControls(child);
}

/johan

Thanks Johan! I didn't exactly use what you have but you gave me what I was missing. When I tried using controls_created before, I kept using:

if (control is Input)
{
   if (((Input)control).CssClass == "readonly")  -- or I did a variation of .Attributes.CssStyle == "readonly" which neither worked
   {
      ((Input)control).Attributes.Add("disabled", "disabled");
   }
}

Once I changed it to below it worked!!! This is what I have:

if (control is Input)
{
   if (((Input)control).Attributes["class"] == "readonly")
   {
      ((Input)control).Attributes.Add("disabled", "disabled");
   }
}

So final code is basically adding to the current Global,asax.cs file:

public void XForm_ControlsCreated(object sender, EventArgs e)
        {
            XFormControl formControl = (XFormControl)sender;

            //We set the inline error validation text to "*" as we use a
            //validation summary in the master page to display the detailed error message. Changed to use "xformerror" css class.
            foreach (Control control in formControl.Controls)
            {
                if (control is BaseValidator)
                {
                    //((BaseValidator)control).Text = "*";
                    ((BaseValidator)control).CssClass = "xformerror";
                    ((BaseValidator)control).Text = LanguageManager.Instance.Translate("/form/requiredfield");;
                }

                if (control is Input)
                {
                    if (((Input)control).Attributes["class"] == "readonly")
                    {
                        ((Input)control).Attributes.Add("disabled", "disabled");
                    }
                }
            }
            
            if (formControl.Page.User.Identity.IsAuthenticated)
            {
                formControl.Data.UserName = formControl.Page.User.Identity.Name;
            }
        }

Thanks for all the replies. It works.

I have another question - I am doing a data pull for my disabled fields. It pulls in Username and Email and displays it correctly on the ControlsCreated method. The problem is that it is being rendered in the <input> tag as a value, i.e. <input value="username" />. This value does not get passed into the form to be stored with the posted data. How would I be able to pass this value in as well?

Hi Christine,

If you take a look at my example I set control.Attributes.Add("ReadOnly", "readonly"); This is because if you set the control to disabled the value will not be sent with the form.

Hope this helps!

Tore

OH!!!! Ok - silly me. Thanks again. It works as readonly.

You can take a look at this blog post

http://world.episerver.com/Blogs/Anders-Hattestad/Dates/2010/5/Extend-EPiServer-XForm/

Hi,

Can any one know how to get the sytlesheet of xform? i know how to get the html of xform......but i want stylesheet of xform.

If anyone knows pls respond.

Thanks in advance.

Krishna

The xform does not use a specific style sheet, it just follows the standard css rules applied in the site style sheets.