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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

NumericTextBox rendering problem.

Thread ID:

Created:

Updated:

Platform:

Replies:

107384 Feb 27,2013 10:23 AM UTC May 14,2013 03:49 AM UTC ASP.NET MVC (Classic) 7
loading
Tags: Tools
Devendar
Asked On February 27, 2013 10:23 AM UTC

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

Varalakshmi R.S [Syncfusion]
Replied On 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

Devendar
Replied On February 28, 2013 11:53 AM UTC

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

Varalakshmi R.S [Syncfusion]
Replied On 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

Devendar
Replied On 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

Varalakshmi R.S [Syncfusion]
Replied On 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


Greg Quinn
Replied On May 9, 2013 03:45 AM UTC

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

Varalakshmi R.S [Syncfusion]
Replied On 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

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.

Warning Icon 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.Close Icon

;