User Profile & Activity

Bernard Xiang Member
Page
of 52
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: March 13, 2014 11:19 PM
Hi Roi,

I think you could add disabled attribute in each checkbox then by using javascript you can put checked attribute to each checkbox that you want to checked. By using this method, you have to handle the select row method of WebGrid so WebGrid can select its row properly like using RowChecker API. Hope this helps.

Regards,
Bernard
Posted: March 13, 2014 10:42 PM
Hi Roi,

When using our control in IE8, you could use RenderingMode Quirks for HTML4 doctype or XHTML for XHTML doctype. You should also input your the correct doctype before html opening tag. It should be:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

or

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

With those doctype and RenderingMode property, our control will render properly in IE8. Hope this helps.

Regards,
Bernard

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

Posted: March 12, 2014 11:46 PM

Hi Roi,

I think you can't add this in server side because we are using FlyPostBack when Grouping in WebGrid. But to add checkbox in each group row, you could add script in client side like this

function AddGroupCheckBox(controlId) {
    var grid = ISGetObject(controlId);
    var groupRows = grid.RootTable.GetGroupRows();
    for (var i = 0; i < groupRows.length; i++) {
        groupRows[i].RowElement.children[1].innerHTML = "<input type='checkbox'>" + groupRows[i].RowElement.children[1].innerHTML
    }
}

I will add this scenario as feature request and I will let you know if I heard any news regarding this feature request from our developer team. Hope this helps.

Regards,
Bernard

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 12:41 AM

Hi Roi,

Regarding to your scenario, I can make this scenario as feature request. Right now, we don't have any row checker column in its header. Perhaps, you could add this on client side by adding 1 Checkbox before the Group name. But you need to maintain this state everytime you do grouping in WebGrid. In each header checkbox, you should add a function so WebGrid could check/uncheck all item in that group. By using this method, you can achieve this scenario but there was too much effort to maintain this state. Maybe I can add this scenario as feature request so our developer team should consider this and maybe they would add this feature in our WebGrid so those checkbox will be handled by our WebGrid API. Look forward to hear any feedback from you so  can help you further.

Regards,
Bernard

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 12:10 AM

Hi Roi,

I tried to replicate you issue here. It seems your sample working properly in our local end. I have modified some style in your sample so WebPaneManager and WebNavBar can adapt with HTML5 doctype. You can download your modified sample here. Please let me know if the issue still persist in your local end. Hope this helps.

Regards,
Bernard

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

All times are GMT -5. The time now is 9:52 PM.
Previous Next