We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

CheckBox & Radio Button widget is missing ?

Thread ID:

Created:

Updated:

Platform:

Replies:

117957 Jan 13,2015 08:26 AM Aug 7,2015 03:02 PM LightSwitch HTML 6
loading
Tags: TextBox
Nurkmez
Asked On January 13, 2015 08:26 AM

Do you plan add checkbox and radio button widget ?

Thanks

Saranya Sivakumar [Syncfusion]
Replied On January 14, 2015 07:09 AM

Hi Nurkmez,

Thanks for using Syncfusion products.

We would like to let you know that, we have included the controls which are suitable for Essential studio LightSwitch HTML application. Also we can create CheckBox and RadioButton widgets by adding Custom Control in the LightSwitch application.

Follow the below steps to add the Custom Control in LightSwitch application.

Step 1: Select the CustomControl property in the designer and change its control type as Custom Control as shown below.

                      

Step 2: Then click on the Edit Render Code which is in the properties panel. This will open Browser.js file like the following image.

Step 3: In this file add our widgets as shown in the following code snippet.

[Browse.js]

myapp.Browse.ScreenContent_render = function (element, contentItem) {

    // Write code here.

 

    var itemRadio = $("<input type='radio'id='radio' data-role='none'/>");

 

    itemRadio.appendTo($(element));

 

    var item1 = $("<label id='radiolabel' for='radio' data-role='none'> Radiobutton </label>");

 

    item1.appendTo($(element));

 

    var itemTemplate = $("<input type='checkbox'id='check' data-role='none'/>");

 

    itemTemplate.appendTo($(element));

 

    var item = $("<label id='checklabel' for='check' data-role='none'> Checkbox </label>");

 

    item.appendTo($(element));

  

    itemTemplate.ejCheckBox();

    itemRadio.ejRadioButton();   

};

For your convenience we have prepared the sample based on your requirement, and the same can be downloaded from the following location.

Sample Location: Sample

Please let us know if you have further concern.

Regards,

Saranya.S


Kasithangam C [Syncfusion]
Replied On January 14, 2015 07:45 AM

 

Hi Nurkmez,

Thanks for using Syncfusion products.

We would like to let you know that, we have included the controls which are suitable for Essential studio LightSwitch HTML application. Also we can create CheckBox and RadioButton widgets by adding Custom Control in the LightSwitch application.

Follow the below steps to add the Custom Control in LightSwitch application.

Step 1: Select the CustomControl property in the designer and change its control type as Custom Control as shown below.

                       

Step 2: Then click on the Edit Render Code which is in the properties panel. This will open Browser.js file like the following image.

Step 3: In this file add our widgets as shown in the following code snippet.

[Browse.js]

myapp.Browse.ScreenContent_render = function (element, contentItem) {

    // Write code here.

    var itemRadio = $("<input type='radio'id='radio' data-role='none'/>");

    itemRadio.appendTo($(element));

    var item1 = $("<label id='radiolabel' for='radio' data-role='none'> Radiobutton </label>");

    item1.appendTo($(element));

 

    var itemTemplate = $("<input type='checkbox'id='check' data-role='none'/>");

    itemTemplate.appendTo($(element));

    var item = $("<label id='checklabel' for='check' data-role='none'> Checkbox </label>");

    item.appendTo($(element));

  

    itemTemplate.ejCheckBox();

    itemRadio.ejRadioButton();   

};

For your convenience we have prepared the sample based on your requirement, and the same can be downloaded from the following location.

Sample Location: Sample

Please let us know if you have further concern.

Regards,

Kasithangam



Nurkmez
Replied On January 20, 2015 06:31 AM

Thanks for quick replya.

Saranya Sivakumar [Syncfusion]
Replied On January 21, 2015 05:16 AM

Hi Nurkmez,
Thanks for your update.
Please let us know if you have further queries.
Regards,
Saranya.S



Thomas Steschulat
Replied On August 5, 2015 09:07 AM

Hello,
im searching for a checkbox control for a while because the flipbox or whatever control in LS isnt practicable for me.

Im glad to see that ES has one.

But there is another question...
I want to use the Checkbox control as a search control. That means that i can search for 
1. is True
2. is False
3. is NULL (or "dont use it for filtering or as Parameter for filtering a Search Query")

That means a need a Three State checkbox.... "Checked", "Unchecked" and "Blank"

Can u help me with this circumstance?


Kind regards
Thomas


Sasikala Nagarajan [Syncfusion]
Replied On August 7, 2015 03:02 PM

Hi Thomas,
Thanks for the update,
We can enable tri state in checkbox control using enableTriState property. In this state, we can get the checked state of the checkbox using “checkState” property. In this checkState property we have some issues in 13.2.0.29 version when we enable the tri state. Now we have fixed this issue internally. Please get the updated source file from below location

Script file

Please refer the below code snippet to enable the tri state in check box.

myapp.AddEditpassengerItem.Seniorcitizen_render = function (element, contentItem) {

// Write code here.


var itemTemplate = $("<input type='checkbox'id='check' data-role='none'/>");

itemTemplate.appendTo($(element));

itemTemplate.ejCheckBox({

enableTriState:true,

change: function (args) {

contentItem.value = args.isChecked;

}

});


To know more about available properties please refer the below link

http://helpjs.syncfusion.com/js

To know about API configuration to our JS controls Please refer the below link

http://helpjs.syncfusion.com/js/api-configuration

Also, we have logged an issue in change event’s isChecked argument (isChecked return true for intermediate state also instead of returns the null) in our database. A new support incident (142433) to track the status of this issue has been created under your account. Please follow incident for further queries related to this feature.

Please let us know if you have further queries,

Regards,
Sasikala Nagarajan


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;