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

NumericTextBox rendering problem.

Hi
 
I have placed the numerictextbox in <div></div>. after requesting the page,
spinbutton in the numeric textbox is sliped away from text control in numerictextbox.
Please see attached screen shot.
 
How can I render it properly.?

 

Thanks in advance.

Devendar.G


ScreenShot_bef62c71.zip

7 Replies

VR Varalakshmi R.S Syncfusion Team February 28, 2013 08:40 AM UTC

Hi Devendar,

 

We regret for the inconvenience caused.

 

Could you please let us know your Essential Studio version and browser details in which this issue is reproduced?

 

Regards,

Varalakshmi


DE Devendar February 28, 2013 11:53 AM UTC

Essential Studio Version No:10.4.0.71
IE Version No:9.


VR Varalakshmi R.S Syncfusion Team March 1, 2013 12:09 PM UTC

Hi Devendar,

 

Thanks for the update.

 

We are afraid that we are not able to reproduce any issues with NumericTextBox in IE9 using v10.4.0.71. Could you please share a simple sample in which this issue has been reproduced? It would help us to analyze and sort out the causes for this issue.

 

Regards,

Varalakshmi


DE Devendar March 4, 2013 01:15 PM UTC

Hi Varalakshmi,
 
I have placed the numeric text box in <div> attribute, initial this was hidden, based on some flag,
I am showing this division. Please see the code segment.

@model 
@{
         ViewBag.Title = "NumericTextBox Sample";
  }
  @using (Html.BeginForm())
   {
       <table>
        -----
       <tr>
       <td colspan="2">
       <div id="divSpecified">
       <table>
       <tr>
       <td>of:</td>
      <td>@Html.DropDownList"RenewalPeriodSpecifiedMonth", String.Empty )                                                             </td>
 <td >                                                           
@Html.Syncfusion().NumericTextBox("Days").Width40)                                                                                                                            
</td >
 <script>
 $("#RenewalPeriodSpecifiedMonth").change(function () {
   var obj = $find("RenewalPeriodSpecifiedDay");
  obj.setValue(null);
   });
   </script>
    </tr>
   </table>
    </div>
    </td>
    </tr>  
  
   -----    
  </table> 
    }
 
 
Please suggest me what I need to do to display the numeric text box properly.
 
Thanks in advance.
 
 
Thanks & Regards,
Devendar.G


VR Varalakshmi R.S Syncfusion Team March 5, 2013 10:40 AM UTC

Hi Devendar,

 

Thanks for sharing the sample code with us.

 

We have checked the code provided by you by creating a new sample and we are afraid that we are not able to reproduce any alignment issue with NumericTextBox. Please refer the below given screenshot,

 

If still the issue exists, can you please try reducing the width of the textbox via script by using its id “Days_numerictextboxbase” or class name “textboxbase”?

 

Kindly try the above specified solution and let us know if it works.

 

Regards,

Varalakshmi



GQ Greg Quinn May 9, 2013 03:45 AM UTC

I had this problem too, it was caused by conflicting CSS you have defined elsewhere.


VR Varalakshmi R.S Syncfusion Team May 14, 2013 03:49 AM UTC

Hi Greg,

 

We regret for the inconvenience.

 

Please provide a sample application with product version and browser details. So that we will be able to find out the causes for this issue and provide a better solution for this issue.

 

Regards,

Varalakshmi

Loader.
Up arrow icon