Responsiveness in EJ 1 ASP.NET MVC SpellCheck
12 Sep 2017 / 1 minute to read
The SpellCheck control has support for responsive behavior based on client browser’s width and height. To enable responsive, IsResponsive property should be true.
The following code example describes the above behavior.
@section ControlsSection{<div id="TextArea" contenteditable="true" name="sentence">
Facebook is a social networking service headquartered in Menlo Park, California. Its website was launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo, Andrew McCollum, Dustin and Chris Hughes.
The founders had initially limited the websites membership to Harvard students, but later expanded it to collages in the Boston area, the Ivy League, and Stanford University. It gradually added support for students at various other universities and later to high-school students.
</div><br />
@Html.EJ().("TextArea").SpellCheck("TextArea").IsResponsive(true).DictionarySettings(dictionary => dictionary.CustomDictionaryUrl("../api/SpellCheck/AddToDictionary").DictionaryUrl("../api/SpellCheck/CheckWords"))
}
The dialog of spell check control is rendering based on the client browser’s width and height, it can be achieved by IsResponsive property as true.
@section ControlsSection{<div id="TextArea" contenteditable="true" name="sentence">
Facebook is a social networking service headquartered in Menlo Park, California. Its website was launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo, Andrew McCollum, Dustin and Chris Hughes.
The founders had initially limited the websites membership to Harvard students, but later expanded it to collages in the Boston area, the Ivy League, and Stanford University. It gradually added support for students at various other universities and later to high-school students.
</div><br />
@Html.EJ().SpellCheck("TextArea").IsResponsive(true).DictionarySettings(dictionary => dictionary.CustomDictionaryUrl("../api/SpellCheck/AddToDictionary").DictionaryUrl("../api/SpellCheck/CheckWords"))
@Html.EJ().Button("SpellCheck").Width("200px").Height("25px").Text("Spell check using dialog").ClientSideEvents(event => event.Click("showDialog"))
}
@section ScriptSection{
<script type="text/javascript">
function showDialog() {
var spellObj = $("#TextArea").data("ejSpellCheck");
spellObj.showInDialog();
}
</script>
}
Mobile Rendering Screenshot
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page