Knowledgebase Home Page  >  RapidSpell Web ASP.NET  >  Appearance Customization
Search the Knowledge Base
How do I specify the CSS style of a RapidSpellWInlineTextBox?
https://keyoti.com/kb/Default.aspx?ToDo=view&questId=133&catId=57

Options

Print this page
Email this to a friend
Due to the way the RapidSpellWInlineTextBox works (with iframes) CSS styles cannot be inlined, however setting CSS classes for these controls is fairly straightforward with external sheets.
 
In RapidSpellWInlineTextBox:
 
a) you must set the CssSheetURL property to the URL of a .css file containing the CSS classes you wish to use for the RapidSpellWInlineTextBox.  [You cannot specify the CSS with inline <style> tags for this control]
 
b) you then set the CssClass property to a class in your .css file.
 
and c) the .css file requires certain minimum specifications (see below)
 
 
 
Example.
 
i) Set CssSheetURL="StyleSheet1.css"
 
ii) Set CssClass="MyTB". 
 
iii) Add StyleSheet1.css (below) to the same folder as the page holding RapidSpellWInlineTextBox
 
 
 
 
StyleSheet1.css ----------------------------------------
 

.rs_err_hl

{

background-image: url(/Keyoti_RapidSpell_Web_Common/underline.png);

background-position: bottom;

background-repeat: repeat-x;

background-color: #dddd22;

padding:4px;

cursor: pointer;

cursor: hand;

}

 

 

.MyTB

{

background-color: #ddddee;

margin:0px;

padding:2px;

font-size: 16pt;

word-wrap: break-word;

color: black;

font-family: Batang,BatangChe;

}

----------------------------------------------------------

 

Notes:
1. .rs_err_hl is the underline, this class must exist in the sheet, but can be experimented with as you like. 
2. .MyTB's word-wrap shouldn't be changed.
3. For .NET 2 users, the underline's background-image will not be found in the location specified - please download the image from here http://keyoti.com/Keyoti_RapidSpell_Web_Common/underline.png and change the URL in your CSS to the location where underline.png is on your server.
 

Related Questions:

Attachments:

No attachments were found.