KB: My tab control (or DHTML) hides the RapidSpellWInlineTextBox initially, which prevents it from initializing properly. (C#, VB.NET)

Knowledgebase Home Page > RapidSpell Web ASP.NET > Troubleshooting

Search the Knowledge Base

My tab control (or DHTML) hides the RapidSpellWInlineTextBox initially, which prevents it from initializing properly. (C#, VB.NET)
https://keyoti.com/kb/Default.aspx?ToDo=view&questId=160&catId=58

Options

Print this page
Email this to a friend

If you place the RapidSpellWInlineTextBox control in a part of the page that is initially hidden, for example

<rapidspellweb:rapidspellwinlineTEXTBOX id="RapidSpellWInlineTextBox1" style="Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 105px"

runat="server" ForeColor="Black" Font-Size="10pt" Font-Names="Verdana" Height="214px" Width="707px" TextMode="MultiLine"

Rows="12" Columns="80"></rapidspellweb:rapidspellwinlineTEXTBOX>

</div>

then the text box will not be able to initialize when the page loads. Therefore it is necessary to call the Javascript function rsw__init() immediately after the control becomes visible, for example

function show(){

document.getElementById('div').style.display = "block";

rsw__init();

}

</script>

If you are using a 3rd party control (such as a DHTML tab control) check with the vendor to see if there is a client side notification for when a tab becomes visible, and call rsw__init at that time.

As You Type

If CheckAsYouType is enabled, then it is also necessary to reinitialize the as you type object and do some cleaning up as the textbox is hidden/shown.

Eg.

function show(){

for(var i=0; i<rsw_scs.length;i++)rsw_scs[i].rsw_tbs=null; //clean up any old references

document.getElementById('div').style.display = 'block';

//initialize the textboxes and as you type object

rsw__init();

rs_AYT.checkerCurrentlyInitializing=0;

rs_AYT.onTextBoxesInit();

}

function hide(){

for(var i=0; i<rsw_tbs.length;i++)rsw_tbs[i].unhook(); //inform the textboxes they are finished

document.getElementById('div').style.display = 'none';

}