HI,
I am using WebNumericControl in my application and its Spinner buttons are not visible.When i run this in any window browser then it looks fine .But when i run this on IPAD ,its top border is corrupted .See
the below link.
http://www.screencast.com/t/fNjp1Z4jE
Please let me know how to solve this.
Thanks & Regards,
Vivek.
Hi Vivek,
Thank you for posting in the community.
I am so far unable to replicate this styling issue under 11.2.20112.2125. In order to research this further I would need to see your control's markup along with any styling which is applied.
Please feel free to contact me if you need more information.
Hi Peter,
Here is my code and css-
HTML CODE
===========
<td>
<ig:WebNumericEditor ID="BldgFloorVal" runat="server" CssClass="input_TextControlClass"
DataMode="Int" TabIndex="9" NullText="0" MinValue ="0" Nullable="false" NullValue="0" Height="22px">
<ClientEvents Blur="PreventNumericNegativeValue" Initialize="WebNumericEditor_Initialize" ValueChanged="SetSaveButtonEnabled" />
</ig:WebNumericEditor>
</td>
============
CSS-
.igte_QuickQubeEdit
{
background-color:White;
/* font-size:12px;*/
/*font-family: MS Shell Dlg; #e5e7eB;*/
border-top-width:2px;
border-left-width:2px;
border-bottom-width :1px;
border-right-width:1px;
border-color:#e5e7eB;
border-style:inset;
outline: 0;
height: 18px;
}
Regards,
Vivek Mahawar
Hello Vivek,
Thank you for sharing your code.
The issue seems to be caused by the border-style:inset CSS attribute which is rendered as in the image you have provided in iOS (also tested this on a regular input with the same result). Changing that setting should therefore resolve the issue.
Please let me know if this helps.
Please do not hesitate to contact me if you are still experiencing any issues with this matter.