jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
48 lines (42 loc) • 2.54 kB
HTML
<html lang='en'>
<head>
<title id='Description'>TextArea Custom Element DefaultFunctionality</title>
<meta name='description' content='This is an example of the default functionalities in Tree Custom Element.' />
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
<meta name='viewport' content='width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1' />
<link rel='stylesheet' href='../../../jqwidgets/styles/jqx.base.css' type='text/css' />
<link rel='stylesheet' href='../styles/demos.css' type='text/css' />
<script type='text/javascript' src='../../../scripts/webcomponents-lite.min.js'></script>
<script type='text/javascript' src='../../../jqwidgets/jqxcore.js'></script>
<script type='text/javascript' src='../../../jqwidgets/jqxcore.elements.js'></script>
<script type='text/javascript' src='../../../jqwidgets/jqxbuttons.js'></script>
<script type='text/javascript' src='../../../jqwidgets/jqxscrollbar.js'></script>
<script type='text/javascript' src='../../../jqwidgets/jqxtextarea.js'></script>
<script type='text/javascript' src='../../../scripts/demos.js'></script>
<script type='text/javascript'>
var generateSource = _ => {
var quotes = [];
quotes.push('Life is a dream for the wise, a game for the fool, a comedy for the rich, a tragedy for the poor.');
quotes.push('Yesterday is not ours to recover, but tomorrow is ours to win or lose.');
quotes.push('It does not matter how slowly you go as long as you do not stop.');
quotes.push('Success depends upon previous preparation, and without such preparation there is sure to be failure.');
quotes.push('Better a diamond with a flaw than a pebble without.');
quotes.push('To succeed in life, you need two things: ignorance and confidence.');
quotes.push('A successful man is one who can lay a firm foundation with the bricks others have thrown at him.');
quotes.push('Sleep is the best meditation.');
return quotes;
}
JQXElements.settings['textAreaSettings'] =
{
source: generateSource
};
</script>
</head>
<body>
<div class='example-description'>
This demo illustrates the basic functionality of the Text Area Custom Element.
</div>
<jqx-text-area settings='textAreaSettings'></jqx-text-area>
</body>
</html>