WebGrid 7 XHTML CheckBox size issue

6 replies. Last post: November 18, 2010 4:18 AM by Julia Wijaya
Tags :
  • (None)
Shawn CraigMember

I found that if you create an XHTML doctype and put a WG with a checkbox on it. That the checkbox is 10px high.

somewhere in your code is a check for xhtml and IE8 witch applies "border-box" to the checkbox which is making it real small.

<link rel="stylesheet" href="/ISRes.axd?G/ISMenu_Win7.css/707200401" type="text/css" /><link rel="stylesheet" href="/WebResource.axd?d=r346CSw7-6tVkt5wxSUJ1hJSkmjFvk02Zn_2HjQjNxzkxsSJw1mWIlvAWTm7hmGIlqllQZ2O6KN4RakTCvZOLg2&t=634008259240000000" type="text/css" /><link rel="stylesheet" href="/WebResource.axd?d=r346CSw7-6tVkt5wxSUJ1hJSkmjFvk02Zn_2HjQjNxxQaasQbWNdUoBraltfams1XDOnqR-tuIqxYMVSX-8yyzqD1C2PixZMInJnSQhe8lA1&t=634008259240000000" type="text/css" /><link rel="stylesheet" href="/ISRes.axd?G/ISMenu.css/707200401" type="text/css" /><link rel="stylesheet" href="/WebResource.axd?d=r346CSw7-6tVkt5wxSUJ1hJSkmjFvk02Zn_2HjQjNxxQaasQbWNdUoBraltfams1CN-qMzdoAN3IBD5vcH34vhxg-0wc5XPKXiYKHeVtLFU1&t=634008259240000000" type="text/css" /><style id="ISWebUI_Styles" type="text/css">
.WebGrid1-Brd{border: #E9E9E9 1px solid; border-left-width: 0px; border-top-width:0px; ;}
.WebGrid1-Brd-{border-bottom: #E9E9E9 1px dotted;}
div[popupProvider="Intersoft"], div[popupProvider="Intersoft"] *{box-sizing: border-box;}
.WebGrid2-Brd{border: #ECE9D8 1px solid; border-left-width: 0px; border-top-width:0px; ;}
</style>

I know that IF i remove <

<html xmlns="http://www.w3.org/1999/xhtml">

and make it <

<html>

It will work but i shouldn't have to do that. Plus i'm to new at web to know if the removal of xmlns is going to mess with any of the other things i'm doing.

Please add it to the fix list. thanks

Answers

Hi Shawn and Rolf,

 

Hereby, I would like to inform you regarding WI 657.

The checkbox uses our default style, so it can be overridden using CSS.

For this issue, you can use the following snippet:

<style type="text/css">


.DefChkBox

{

     height: auto!important;

}


</style>


Please note that the !important is needed to override the height value of the checkbox.

Hope this helps.


Warm regards,
Julia

All Replies

Hi Shawn,

 

I could replicate your issue and have forwarded it to our development team. I'm sorry for this inconvenience. I will inform you when I got any news regarding this issue.

 

Regards,

Julia

Hi

Any news to this Issue?

Best Regards

Rolf

Hi Rolf,

 

I have checked the status of this issue (WI 657). The WI hasn't been fixed yet. However, I have rings for developer attention regarding this issue. I'll keep you update as soon as I got any news from our Developer team.

Thank you.

 

Warm Regards,

Julia

Hi Shawn and Rolf,

 

Hereby, I would like to inform you regarding WI 657.

The checkbox uses our default style, so it can be overridden using CSS.

For this issue, you can use the following snippet:

<style type="text/css">


.DefChkBox

{

     height: auto!important;

}


</style>


Please note that the !important is needed to override the height value of the checkbox.

Hope this helps.


Warm regards,
Julia

The Abow works for me in Xhtml doc type.

Thx for the Reply :)


BR Rolf

Hi Rolf,

 

Glad to hear the good news.

Feel free to post when you got another questions.

 

Warm regards,

Julia

All times are GMT -5. The time now is 10:04 PM.
Previous Next