Date: Thu, 30 Dec 2010 21:37:01 +0000 Subject: 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 --- documentation/css/preview/forms.php | 214 ++++++++++++++++++++++++++++++++++ documentation/css/preview/general.php | 64 ++++++++++ documentation/css/preview/grid.php | 62 ++++++++++ documentation/css/preview/head.php | 42 +++++++ documentation/css/preview/index.php | 24 ++++ documentation/css/preview/nav.php | 71 +++++++++++ documentation/css/preview/objects.php | 80 +++++++++++++ documentation/css/preview/widgets.php | 57 +++++++++ 8 files changed, 614 insertions(+) create mode 100644 documentation/css/preview/forms.php create mode 100644 documentation/css/preview/general.php create mode 100644 documentation/css/preview/grid.php create mode 100644 documentation/css/preview/head.php create mode 100644 documentation/css/preview/index.php create mode 100644 documentation/css/preview/nav.php create mode 100644 documentation/css/preview/objects.php create mode 100644 documentation/css/preview/widgets.php 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 @@ + + +

Form

+ Form legend +

+ Text input: + 'f1', + 'internalid' => 'f1', + 'value' => 'input text', + )); + ?> +

+ Password input: + 'f2', + 'internalid' => 'f2', + 'value' => 'password', + )); + ?> +

+ Radio input:
+ 'f3', + 'internalid' => 'f3', + 'options' => array(1, 2), + )); + ?> +

+ Checkboxes input:
+ 'f4', + 'internalid' => 'f4', + 'options' => array(1, 2), + )); + ?> +

+ Dropdown input:
+ 'f5', + 'internalid' => 'f5', + 'options' => array('option 1', 'option 2'), + )); + ?> +

+ Access input: + 'f6', + 'internalid' => 'f6', + 'value' => ACCESS_PUBLIC, + )); + ?> +

+ File input: + 'f7', + 'internalid' => 'f7', + )); + ?> +

+ URL input: + 'f8', + 'internalid' => 'f8', + 'value' => 'http://elgg.org/', + )); + ?> +

+ Tags input: + 'f9', + 'internalid' => 'f9', + 'value' => 'one, two, three', + )); + ?> +

+ Email input: + 'f10', + 'internalid' => 'f10', + 'value' => 'noone@elgg.org', + )); + ?> +

+ Autocomplete input: + 'f11', + 'internalid' => 'f11', + 'match_on' => 'users', + )); + ?> +

+ Date picker input: + 'f12', + 'internalid' => 'f12', + )); + ?> +

+ User picker input: + 'f13', + 'internalid' => 'f13', + )); + ?> +

+ Long text input: + 'f14', + 'internalid' => 'f14', + 'value' => $ipsum, + )); + ?> +

+ Plain text input: + 'f15', + 'internalid' => 'f15', + 'value' => $ipsum, + )); + ?> +

+ +

Buttons

+ 'b1', + 'value' => 'input[type=submit]', + )); + ?> +

+ '#', + 'text' => 'a.elgg-submit-button', + 'class' => 'elgg-button elgg-submit-button', + )); + ?> +

+ '#', + 'text' => 'submit button disabled', + 'class' => 'elgg-button elgg-submit-button disabled', + )); + ?> +

+ 'b3', + 'value' => 'input[type=button]', + )); + ?> +

+ '#', + 'text' => 'a.elgg-cancel-button', + 'class' => 'elgg-button elgg-cancel-button', + )); + ?> +

+ '#', + 'text' => 'a.elgg-action-button', + 'class' => 'elgg-action-button', + )); + ?> +

+ '#', + 'text' => 'action button disabled', + 'class' => 'elgg-action-button disabled', + )); + ?> +

+ +

+ + \ No newline at end of file diff --git a/documentation/css/preview/general.php b/documentation/css/preview/general.php new file mode 100644 index 000000000..681580f6f --- /dev/null +++ b/documentation/css/preview/general.php @@ -0,0 +1,64 @@ + + +

return to index

Headings

Level 1 heading

Level 2 heading

Level 3 heading

Level 4 heading

Level 5 heading

Level 6 heading

Paragraph

Lorem ipsum dolor sit amet, test link + adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec + faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero + nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent + mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu + volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus + eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, + consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue + quis tellus.

+ +

Lorem ipsum dolor sit amet, emphasis + consectetuer + adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec + faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero + nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent + mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu + volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus + eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, + consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue + quis tellus.

Misc

+ I am the a tag example
+ I am the abbr tag example
+ I am the acronym tag example
+ I am the b tag example
+ I am the code tag example
+ I am ~~the del tag~~ example
+ I am the em tag example
+ I am the i tag example
+ I am the strong tag example
+

Paragraph inside Blockquote:

Preformated:Testing one row
+				 and another

+ + \ No newline at end of file diff --git a/documentation/css/preview/grid.php b/documentation/css/preview/grid.php new file mode 100644 index 000000000..03ed9a9e1 --- /dev/null +++ b/documentation/css/preview/grid.php @@ -0,0 +1,62 @@ + + +

return to index

+ +

1/5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

3/5

1/2

1/3

2/3

1/2

1 1/5

+ +

+ + \ No newline at end of file diff --git a/documentation/css/preview/head.php b/documentation/css/preview/head.php new file mode 100644 index 000000000..360f56647 --- /dev/null +++ b/documentation/css/preview/head.php @@ -0,0 +1,42 @@ + + + + + + <?php echo $title; ?> + + + + + + + + diff --git a/documentation/css/preview/index.php b/documentation/css/preview/index.php new file mode 100644 index 000000000..7b9e33c4f --- /dev/null +++ b/documentation/css/preview/index.php @@ -0,0 +1,24 @@ + + +

+ + \ No newline at end of file diff --git a/documentation/css/preview/nav.php b/documentation/css/preview/nav.php new file mode 100644 index 000000000..3ce839472 --- /dev/null +++ b/documentation/css/preview/nav.php @@ -0,0 +1,71 @@ + + +

return to index

Breadcrumbs

+ +

Tabs

+ 'First', 'url' => '#'), + array('title' => 'Second', 'url' => '#', 'selected' => true), + array('title' => 'Third', 'url' => '#'), + ); + echo elgg_view('navigation/tabs', array('tabs' => $tabs)); + ?> +

Pagination

+ 1000, + 'limit' => 10, + 'offset' => 230, + ); + echo elgg_view('navigation/pagination', $params); + ?> +

Site Menu

+ +

Page Menu

+ setParent($params['menu']['default'][1]); + $params['menu']['default'][1]->addChild($m); + echo elgg_view('navigation/menu/page', $params); + ?> +

+ + \ No newline at end of file diff --git a/documentation/css/preview/objects.php b/documentation/css/preview/objects.php new file mode 100644 index 000000000..72a41cf76 --- /dev/null +++ b/documentation/css/preview/objects.php @@ -0,0 +1,80 @@ + + +

return to index

Modules

+ 'elgg-aside-module', + 'body' => $ipsum, + 'class' => 'elgg-aside-module', + )); + ?> + 'elgg-popup-module', + 'body' => $ipsum, + 'class' => 'elgg-popup-module', + )); + ?> +

+ 'elgg-info-module', + 'body' => $ipsum, + 'class' => 'elgg-info-module', + )); + ?> +

+ 'elgg-group-module', + 'body' => $ipsum, + 'class' => 'elgg-group-module', + )); + ?> +

Image Block

+ "; + echo elgg_view_image_block($image, $ipsum); + ?> +

List

+ title = "Object 1"; + $obj1->description = $ipsum; + $obj2 = new ElggObject(); + $obj2->title = "Object 2"; + $obj2->description = $ipsum; + echo elgg_view('layout/objects/list', array('items' => array($obj1, $obj2))); + ?> +

+ + \ No newline at end of file diff --git a/documentation/css/preview/widgets.php b/documentation/css/preview/widgets.php new file mode 100644 index 000000000..3ffc4edd8 --- /dev/null +++ b/documentation/css/preview/widgets.php @@ -0,0 +1,57 @@ + + +

return to index

+handler = 'friends'; + $obj->title = "Widget $i"; + $w[] = $obj; +} +$column1 = array($w[0], $w[1]); +$column2 = array($w[2], $w[3]); +$column3 = array($w[4], $w[5]); +$widgets = array(1 => $column1, 2 => $column2, 3 => $column3); +$num_columns = 3; +$widget_class = "elgg-col-1of{$num_columns}"; +for ($column_index = 1; $column_index <= $num_columns; $column_index++) { + $column_widgets = $widgets[$column_index]; + + echo "'; +} +?> +

+ + \ No newline at end of file -- cgit v1.2.3