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.

NumericTextBox rendering problem.

Thread ID:

Created:

Updated:

Platform:

Replies:

107384 Feb 27,2013 05:23 AM May 13,2013 11:49 PM ASP.NET MVC (Classic) 7
loading
Tags: Tools
Devendar
Asked On February 27, 2013 05:23 AM

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 03:40 AM

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 06:53 AM

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

Varalakshmi R.S [Syncfusion]
Replied On March 1, 2013 07:09 AM

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 08:15 AM

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 05:40 AM

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 8, 2013 11:45 PM

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

Varalakshmi R.S [Syncfusion]
Replied On May 13, 2013 11:49 PM

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.

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.

;