Hi,

Welcome to Intersoft Solutions. We glad that you are trying our controls. May i know your requirement? WebSpellChecker is not an UI control, so, why do you need to change z-index and styles?

Regards,
Handy

Hello, 

There is a javascript popup that gets shown when using the Spellchecker as seen in the Live Demo

I want to change the z-index because i have a div which has a higher z-index than the spellchecker's z-index, so i can't actually see the spellchecker div.

I also would like to change the shadows around the spellchecking popup if at all possible?

Thanks,

Ewoudt

I want to change the z-index because i have a div which has a higher z-index than the spellchecker's z-index, so i can't actually see the spellchecker div.

I also would like to change the shadows around the spellchecking popup if at all possible?

Actually, that javascript popup is WebDialogBox control. You can set the z-index of WebDialogBox control on OnAfterCheckSpell client side event of WebSpellChecker by using following script/code.

function WebSpellChecker1_OnAfterCheckSpell() {
    var sp = ISGetObject("WebSpellChecker1");
    window.setTimeout(function() {
        sp.DialogBox.Window.GetWindowDivElement().style.zIndex = 201;
        sp.DialogBox.Shadow.style.zIndex = 201;
        }, 1000);
}

I’d like to propose a simpler way. That is by setting your div element (that its z-index value is greater than the dialogbox of WebSpellChecker) to have its z-index value less than 102 (102 is the default z-index value of the dialogbox).

Please let us know your response.

Thanks, that's very useful, i was hoping there was a way of setting it server-side, which would make it much simpler if your doing many of them,

This works brilliantly though, 

Thank you

Unfortunately, i think it would be more helpfull if you are doing it via client side. Because some elements which need to be customized and also the timeout which you were using, only available on clientside.

Regards,
Handy 

Glad to hear that the issue is solved now.
Please feel free to contact us with any questions or concerns you may have.

Thank you for your contribution in our community.