Intersoft Solutions - Community - WebGrid Enterprise - Checkbox size in WebGrid running IE 11 on Windows 8.1

Posted: March 10, 2014 1:05 PM in response to Bernard Xiang

I'm sorry, but your statement is incorrect. The following was copied directly from a full-text search of IsNet.webui.webgrid.dll:

DefChkBox
{
height: 11px!important;
}

I have attached the screenshot of the search results.

Since your code has already provided the !important flag, we cannot override it with our own !important flag (we have tried numerous approaches to this, none of which work).

This is why we are asking for information and changes.

1 attachment

WebGrid.jpg

Bernard XiangMember

Posted: March 10, 2014 9:51 PM in response to Karl Costenbader

Hi Karl,

What default style did you used in your WebGrid? Could you let me know the version of WebGrid that you used in your local end? I tried all my sample but there are no important attribute in our embedded style. Maybe you can override the style by using style tag on below of your page. It should be like this:

.DefChkBox
{
    height: 15px !important;
}

Look forward to hear any feedback from you so I can help you further.

Regards,
Bernard

Posted: March 10, 2014 10:27 PM in response to Bernard Xiang

We don't use any of the builtin intersoft styles. We just specify the style directly in the grid:

<RowStyleBackColor="White"Font-Names="Verdana"Font-Size="8pt"Overflow="Hidden"OverflowX="Hidden"OverflowY="Hidden"CustomRules="text-overflow:ellipsis;overflow:hidden;overflow-y:hidden;overflow-x:hidden;"><BorderSettings><BottomWidth="1px"Color="230,230,230"Style="Solid"></Bottom></BorderSettings></RowStyle>

As for trying important, as I stated in the previous email we have tried overriding with our own style in many, many different locations (css, page, codebehind) and it did not work.

The DefChkBox IS coming from webgrid. I have attached a screenshot of the F12 developer tools that shows the source as webresource (which is yours) and I have clearly shown that the 11px!important is DIRECTLY in the webgrid.dll.

The version we are using is 8.0.7200.258. We have checked to see if there are any available updates using Update Manager and there are none available.

1 attachment

CheckboxStyle.png

Bernard XiangMember

Posted: March 12, 2014 12:33 AM in response to Karl Costenbader

Hi Karl,

I tried to replicate your issue in our local end. But still it show me 15px as RowChecker's checkbox height. Is there any simple sample that we can used to replicate this issue in our local end? I have found those text by using hex editor but I can't assume that was the style that would be included in our WebGrid. Perhaps, there are any condition that make this style included in your WebGrid and I would like to prevent the condition that cause this issue. Look forward to your feedback so I can help you further.

Regards,
Bernard

Posted: March 12, 2014 4:59 PM in response to Bernard Xiang

As I stated in the initial problem report, the only platform we are experiencing this in is Windows 8.1 running IE11.

As for not assuming the style was included in webgrid, I have shown the screenshot that shows it WAS used and can 100% confirm that we have absolutely no reference whatsoever in any of our code, web pages, or CSS files that contains any reference at all to DefChkBox.

Therefore, this definition MUST be coming from webgrid.

My time is very valuable and the continuous questioning of my findings is a waste of this valuable time. Please escalate this to development since you clearly do not know the answer as I do not wish to provide the same information yet again.

Bernard XiangMember

Posted: March 12, 2014 11:15 PM in response to Karl Costenbader

Hi Karl,

I also have tried this issue in IE11 with Windows 8.1 like you mentioned in first time. Unfortunately, this matter doesn't happen in our local end. In my sample, WebGrid still using 15px as height of DefChkBox class in WebResources. However to resolve this issue, I need to trace where the problem comes from. Therefore, I send you my sample that I used to replicate your issue in our local end. Maybe in my sample, there were any configuration that I missed to put so this issue doesn't appear in my test.

Could you also give me your screenshot of your developer tools in IE11 that can show me the DefChkBox class and its resource? Actually, your screenshot before was truncated. Maybe you can upload it to another resource and give me the link in here. I attach my sample here. Please check my sample and please let me know if you can replicate your issue in my sample. I will resolve this issue as soon as possible.

Regards,
Bernard

Posted: March 12, 2014 11:33 PM in response to Bernard Xiang

I'm sorry, but I honestly don't have time for all of this back and forth.

Every single time I report an issue to your company, it seems like the strategy is to keep delaying or requesting info until we give up.

I have attached a zipped version of the file. It is very important that you do not have compatibility view in IE 11 turned on when you view the sample on Win 8.1.

Please, please, please ask your development team under what circumstances the DefChkBox is rendered at 11px. If you are unwilling or unable to do this, I would be happy to look at the grid's source code to determine this information myself. I know it is in the grid DLL and I know that it is being used under some circumstances.

1 attachment

CheckboxStyle.zip

Bernard XiangMember

Posted: March 13, 2014 10:25 PM in response to Karl Costenbader

Hi Karl,

I couldn't open your attachment because it was truncated in our server. Perhaps, you could share it on your skydrive or by using other file sharing service like mediafire or 4shared. I'm also sure if our control working properly without compatibility view but it would be rendered incorrectly if you're using compatibility view to showing our control. I will ask our developer team regarding this issue and I will let you know if I heard any answer from them.

I am really sorry regarding this inconvenience and I will gladly help you to resolve this issue as soon as possible.

Regards,
Bernard

Bernard XiangMember

Posted: March 14, 2014 12:09 AM in response to Bernard Xiang

Hi Karl,

I just found out this issue happen in Chrome and Safari. DefChkBox has been set to 11px !important to prevent checkbox height from the browser. But I can override this style in my CSS that I placed on below of the page. You can download my sample in here and please let me know if this style still can't be overrided. Look forward to hear any feedback from you so I can help you further.

Regards,

Bernard

Posted: April 3, 2014 2:48 PM in response to Bernard Xiang

We have tried this and it does work. Our previous attempt had the style in the head element, which did not work.
Thank you for the fix.

Bernard XiangMember

Posted: April 3, 2014 10:12 PM in response to Karl Costenbader

Hi Karl,

I'm glad that you have fix that problem. Although, we still doesn't know the condition that make this issue happen in your project but I believe that css with important attribute still can be overrided with css same attribute which read last in your project. Hope this helps.

Regards,
Bernard