Hi Vince,
To fix the problem set the Skin property of RadSpell to the used Skin name, e.g.
<asp:textbox id="textBox1" runat="server"></asp:textbox>
<rads:radspell id="RadSpell1" runat="server" language="es-ES"
Skin="Default" controltocheck="textBox1" dictionarylanguage="es-ES" />
The next step is to open the \RadControls\Spell\Skins\Default\RadSpell.css file and modify the .RadSpell_Default_Ext.spButton class as follows:
/*button*/
.RadSpell_Default_Ext.spButton
{
border:0;
width: auto;
text-align:center;
color:#fff;
cursor:pointer;
background: #494949 url(Img/spellButtonCombined.gif) repeat-x;
}
Finally replace the RadControls\Spell\Skins\Default\Img\spellButtonCombined.gif image with the attached one.
Anoter suggestion is to display ellipsis after the first Spanish word you can do that with the following css modification:
/*button*/
.RadSpell_Default_Ext.spButton
{
width: 67px;
overflow: hidden;
letter-spacing: nowrap;
text-overflow: ellipsis;
border:0;
text-align:center;
color:#fff;
cursor:pointer;
background: #494949 url(Img/spellButtonCombined.gif) 0 0 no-repeat;
}
Kind regards,
Rumen
the Telerik team