NumericTextBox rendering problem.

[Devendar]

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]

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]

Essential Studio Version No:10.4.0.71

IE Version No:9.

[Varalakshmi R.S]

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]

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]

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]

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

[Varalakshmi R.S]

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