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. Image for the cookie policy date

Make HTML TextBox render with same appearance as Syncfusion Essential JavaScript controls

Is there a Syncfusion TextBox control for the LightSwitch HTML client?

If not, is there a way to modify HTML TextBox controls in a LightSwitch HTML client to render with the same appearance as the other Syncfusion EJ controls?  I have seen this article which gives details on how to change a HTML TextBox to a JS TextBox but I cannot see how to do this for a LightSwitch HTML app.

3 Replies

BP Balamurugan P Syncfusion Team September 5, 2016 06:05 AM UTC

Hi Seth, 
Thanks for using Syncfusion products 

We have analyzed your requirement. Since we don’t have individual textbox control, we have modified the HTML textbox control with the same appearance as of other Syncfusion EJ controls as per specified in the attached document,. Please refer following steps to bring EJ UI for HTML textbox, which is available in LightSwitch application. 
1)     Please choose custom control option in LightSwitch application  
2)     In render event section, add below specified code block. Here “data-role” property helps to prevent the adding LightSwich application based CSS styles. 
 myapp.BrowseTable1Items.CustomerName_render = function (element, contentItem) { 
    // Write code here.     
    var $normalTextbox = $('<input value=' + contentItem.__value + ' />'); 
    $normalTextbox.attr("data-role", "none"); 
    $normalTextbox.attr("class", "e-textbox"); 
We have prepared a sample based on this and you can check it from following location 

Please let us know if you require any further assistance. 
Balamurugan P 

SE Seth September 6, 2016 01:39 AM UTC

Thanks Balamurugan.  That works great!

KR Karthik Ravichandran Syncfusion Team September 6, 2016 11:38 AM UTC

Hi Seth, 
Thanks for the update. 
 Please get back to us if you require further assistance on this 
Karthik R

Live Chat Icon For mobile
Up arrow icon