mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-18 05:53:24 +01:00
140 lines
3.6 KiB
PHP
140 lines
3.6 KiB
PHP
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Form Test</title>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
body, table, tr, th, td {
|
||
|
|
font-family: Verdana;
|
||
|
|
font-size: 9pt;
|
||
|
|
background-color: aliceblue;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.Savant-Form {
|
||
|
|
margin: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset.Savant-Form {
|
||
|
|
margin: 8px;
|
||
|
|
border-top: 1px solid silver;
|
||
|
|
border-left: 1px solid silver;
|
||
|
|
border-bottom: 1px solid gray;
|
||
|
|
border-right: 1px solid gray;
|
||
|
|
padding: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
legend.Savant-Form{
|
||
|
|
padding: 2px 4px;
|
||
|
|
color: #036;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 120%;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.Savant-Form {
|
||
|
|
border-spacing: 0px;
|
||
|
|
margin: 0px;
|
||
|
|
spacing: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr.Savant-Form {
|
||
|
|
}
|
||
|
|
|
||
|
|
th.Savant-Form {
|
||
|
|
padding: 4px;
|
||
|
|
spacing: 0px;
|
||
|
|
border: 0px;
|
||
|
|
text-align: right;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.Savant-Form {
|
||
|
|
padding: 4px;
|
||
|
|
spacing: 0px;
|
||
|
|
border: 0px;
|
||
|
|
text-align: left;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
label.Savant-Form {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="text"] {
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 9pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 9pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<?php
|
||
|
|
|
||
|
|
// start a form and set a property
|
||
|
|
$this->plugin('form', 'start');
|
||
|
|
$this->plugin('form', 'set', 'class', 'Savant-Form');
|
||
|
|
|
||
|
|
// add a hidden value before the layout
|
||
|
|
$this->plugin('form', 'hidden', 'hideme', 'hidden & valued');
|
||
|
|
|
||
|
|
// NEW BLOCK
|
||
|
|
$this->plugin('form', 'block', 'start', "First Section", 'row');
|
||
|
|
|
||
|
|
// text field
|
||
|
|
$this->plugin('form', 'text', 'mytext', $this->mytext, 'Enter some text here:', null);
|
||
|
|
|
||
|
|
// messages for the text field
|
||
|
|
$this->plugin('form', 'note', null, null, $this->valid['mytext'],
|
||
|
|
array('required' => 'This field is required.', 'maxlen' => 'No more than 5 letters.', 'no_digits' => 'No digits allowed.'));
|
||
|
|
|
||
|
|
$this->plugin('form', 'block', 'split');
|
||
|
|
|
||
|
|
// checkbox with default value (array(checked, not-checked))
|
||
|
|
$this->plugin('form', 'checkbox', 'xbox', $this->xbox, 'Check this:', array(1,0), 'style="text-align: center;"');
|
||
|
|
|
||
|
|
// single select
|
||
|
|
$this->plugin('form', 'select', 'picker', $this->picker, 'Pick one:', $this->opts);
|
||
|
|
|
||
|
|
// END THE BLOCK and put in some custom stuff.
|
||
|
|
$this->plugin('form', 'block', 'end');
|
||
|
|
?>
|
||
|
|
|
||
|
|
<!-- the "clear: both;" is very important when you have floating elements -->
|
||
|
|
<h1 style="clear: both; background-color: silver; border: 1px solid black; margin: 4px; padding: 4px;">Custom HTML Between Fieldset Blocks</h1>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
// NEW BLOCK
|
||
|
|
$this->plugin('form', 'block', 'start', "Second Section", 'col');
|
||
|
|
|
||
|
|
// multi-select with note
|
||
|
|
$this->plugin('form', 'group', 'start', 'Pick many:');
|
||
|
|
$this->plugin('form', 'select', 'picker2[]', $this->picker2, 'Pick many:', $this->opts, 'multiple="multiple"');
|
||
|
|
$this->plugin('form', 'note', "<br />Pick as many as you like; use the Ctrl key on Windows, or the Cmd key on Macintosh.");
|
||
|
|
$this->plugin('form', 'group', 'end');
|
||
|
|
|
||
|
|
// radio buttons
|
||
|
|
$this->plugin('form', 'radio', 'chooser', $this->chooser, 'Choose one:', $this->opts);
|
||
|
|
|
||
|
|
// NEW BLOCK
|
||
|
|
$this->plugin('form', 'block', 'start', null, 'row');
|
||
|
|
|
||
|
|
// text area
|
||
|
|
$this->plugin('form', 'textarea', 'myarea', $this->myarea, 'Long text:', array('rows'=>12,'cols'=>40));
|
||
|
|
|
||
|
|
// NEW BLOCK (clears floats)
|
||
|
|
$this->plugin('form', 'block', 'start', null, 'row', null, 'both');
|
||
|
|
$this->plugin('form', 'submit', 'op', 'Save');
|
||
|
|
$this->plugin('form', 'reset', 'op', 'Reset');
|
||
|
|
$this->plugin('form', 'button', '', 'Click Me!', null, array('onClick' => 'return alert("hello!")'));
|
||
|
|
|
||
|
|
|
||
|
|
// end the form
|
||
|
|
$this->plugin('form', 'end');
|
||
|
|
?>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|