aboutsummaryrefslogtreecommitdiff
path: root/documentation/css/preview/forms.php
diff options
context:
space:
mode:
authorcash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-12-30 21:37:01 +0000
committercash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-12-30 21:37:01 +0000
commit22d64456008cd8d2aaab35f6d8005cc112d93567 (patch)
treeed13a00b35b97bdcf18be5df30d83ddc03766677 /documentation/css/preview/forms.php
parent7f0feba983bdbc3f9ca22077c5a6719e14b26e46 (diff)
downloadelgg-22d64456008cd8d2aaab35f6d8005cc112d93567.tar.gz
elgg-22d64456008cd8d2aaab35f6d8005cc112d93567.tar.bz2
major addition - adding preview of CSS for developers and themers
git-svn-id: http://code.elgg.org/elgg/trunk@7781 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'documentation/css/preview/forms.php')
-rw-r--r--documentation/css/preview/forms.php214
1 files changed, 214 insertions, 0 deletions
diff --git a/documentation/css/preview/forms.php b/documentation/css/preview/forms.php
new file mode 100644
index 000000000..d3a3e7647
--- /dev/null
+++ b/documentation/css/preview/forms.php
@@ -0,0 +1,214 @@
+<?php
+/**
+ * Form CSS
+ */
+
+$title = 'Forms and Buttons';
+
+require dirname(__FILE__) . '/head.php';
+
+?>
+<body>
+ <div class="elgg-page" style="width: 800px; margin: 20px auto;">
+ <h1 class="mbl"><?php echo $title; ?></h1>
+ <div class="mbl"><a href="index.php">return to index</a></div>
+ <h2>Form</h2>
+ <form action="#">
+ <fieldset>
+ <legend>Form legend</legend>
+ <p>
+ <label for="f1">Text input:</label>
+ <?php echo elgg_view('input/text', array(
+ 'internalname' => 'f1',
+ 'internalid' => 'f1',
+ 'value' => 'input text',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f2">Password input:</label>
+ <?php echo elgg_view('input/password', array(
+ 'internalname' => 'f2',
+ 'internalid' => 'f2',
+ 'value' => 'password',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f3">Radio input:</label><br />
+ <?php echo elgg_view('input/radio', array(
+ 'internalname' => 'f3',
+ 'internalid' => 'f3',
+ 'options' => array(1, 2),
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f4">Checkboxes input:</label><br />
+ <?php echo elgg_view('input/checkboxes', array(
+ 'internalname' => 'f4',
+ 'internalid' => 'f4',
+ 'options' => array(1, 2),
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f5">Dropdown input:</label><br />
+ <?php echo elgg_view('input/pulldown', array(
+ 'internalname' => 'f5',
+ 'internalid' => 'f5',
+ 'options' => array('option 1', 'option 2'),
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f6">Access input:</label>
+ <?php echo elgg_view('input/access', array(
+ 'internalname' => 'f6',
+ 'internalid' => 'f6',
+ 'value' => ACCESS_PUBLIC,
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f7">File input:</label>
+ <?php echo elgg_view('input/file', array(
+ 'internalname' => 'f7',
+ 'internalid' => 'f7',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f8">URL input:</label>
+ <?php echo elgg_view('input/url', array(
+ 'internalname' => 'f8',
+ 'internalid' => 'f8',
+ 'value' => 'http://elgg.org/',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f9">Tags input:</label>
+ <?php echo elgg_view('input/tags', array(
+ 'internalname' => 'f9',
+ 'internalid' => 'f9',
+ 'value' => 'one, two, three',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f10">Email input:</label>
+ <?php echo elgg_view('input/email', array(
+ 'internalname' => 'f10',
+ 'internalid' => 'f10',
+ 'value' => 'noone@elgg.org',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f11">Autocomplete input:</label>
+ <?php echo elgg_view('input/autocomplete', array(
+ 'internalname' => 'f11',
+ 'internalid' => 'f11',
+ 'match_on' => 'users',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f12">Date picker input:</label>
+ <?php echo elgg_view('input/datepicker', array(
+ 'internalname' => 'f12',
+ 'internalid' => 'f12',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f13">User picker input:</label>
+ <?php echo elgg_view('input/userpicker', array(
+ 'internalname' => 'f13',
+ 'internalid' => 'f13',
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f14">Long text input:</label>
+ <?php echo elgg_view('input/longtext', array(
+ 'internalname' => 'f14',
+ 'internalid' => 'f14',
+ 'value' => $ipsum,
+ ));
+ ?>
+ </p>
+ <p>
+ <label for="f15">Plain text input:</label>
+ <?php echo elgg_view('input/plaintext', array(
+ 'internalname' => 'f15',
+ 'internalid' => 'f15',
+ 'value' => $ipsum,
+ ));
+ ?>
+ </p>
+ </fieldset>
+ </form>
+
+ <div class="mtl">
+ <h2>Buttons</h2>
+ <p>
+ <?php echo elgg_view('input/submit', array(
+ 'internalname' => 'b1',
+ 'value' => 'input[type=submit]',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('output/url', array(
+ 'href' => '#',
+ 'text' => 'a.elgg-submit-button',
+ 'class' => 'elgg-button elgg-submit-button',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('output/url', array(
+ 'href' => '#',
+ 'text' => 'submit button disabled',
+ 'class' => 'elgg-button elgg-submit-button disabled',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('input/button', array(
+ 'internalname' => 'b3',
+ 'value' => 'input[type=button]',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('output/url', array(
+ 'href' => '#',
+ 'text' => 'a.elgg-cancel-button',
+ 'class' => 'elgg-button elgg-cancel-button',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('output/url', array(
+ 'href' => '#',
+ 'text' => 'a.elgg-action-button',
+ 'class' => 'elgg-action-button',
+ ));
+ ?>
+ </p>
+ <p>
+ <?php echo elgg_view('output/url', array(
+ 'href' => '#',
+ 'text' => 'action button disabled',
+ 'class' => 'elgg-action-button disabled',
+ ));
+ ?>
+ </p>
+ </div>
+
+ </div>
+</body>
+</html> \ No newline at end of file