Set style name for HTMLFlow
<!--
Isomorphic SmartClient
Copyright(c) 1998 and beyond Isomorphic Software, Inc.
"SmartClient" is a trademark of Isomorphic Software, Inc.
All rights reserved.
Open Source License
SmartClient source code, located under the source/ directory, and the resulting assembled modules
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are
licensed under the terms of the GNU Lesser General Public License, version 3.
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html
If your project precludes the use of this license, or if you'd like to support SmartClient LGPL,
we encourage you to buy a commercial license.
Icon Experience Collection
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection
(http://www.iconexperience.com) and may be freely used with any SmartClient components without charge,
but may not be used as part of screen designs separate from SmartClient components without a purchase
of a license from Icon Experience. We are working to replace these icons as soon as possible.
All other media found under the isomorphic/skins directory may be used under the LGPLv3.
Commercial Licenses
A number of commercial licenses are available for purchase. Please see http://smartclient.com/license.
Warranty Disclaimer
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General
Public License for more details.
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008.
-->
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).-->
<HTML><HEAD>
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
<SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT>
<SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</HEAD>
<style>
.exampleStyleOnline {
color:black;
background-color:white;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 10px;
line-height: 16px;
padding: 4px;
border: 1px dotted black;
}
.exampleStyleLegal {
color:black;
background-color:white;
font-family: times new roman,times,serif;
font-size: 12px;
text-align: justify;
padding-left: 4px;
border-left: 1px solid black;
padding-right: 4px;
border-right: 1px solid black;
}
.exampleStyleCode {
font-family: lucida console,bitstream vera sans mono,courier new,monospace;
font-size: 14px;
font-weight: bold;
color: white;
background-color: black;
padding: 8px;
}
.exampleStyleInformal {
font-family: lucida handwriting,cursive;
font-size: 14px;
line-height: 22px;
color: midnightblue;
background-color: oldlace;
padding: 8px;
border: 2px solid midnightblue;
}
</style>
<BODY BGCOLOR='silver'>
<div id="gridDiv">
<SCRIPT>
exampleText = "When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation."
isc.HTMLFlow.create({
ID:"textBox",
left:100, width:300,
contents:exampleText,
styleName:"exampleStyleOnline"
})
isc.FormLayout.create({
items:[{
type:"radioGroup",
showTitle:false,
valueMap:{
"exampleStyleOnline":"Online",
"exampleStyleLegal":"Legal",
"exampleStyleCode":"Code",
"exampleStyleInformal":"Informal"
},
defaultValue:"exampleStyleOnline",
change:"textBox.setStyleName(value); textBox.markForRedraw()"
}]
})
</SCRIPT>
</div>
</BODY>
</HTML>
Related examples in the same category