* added feature #7282: Show Realname of BE-User if available and link it to edit, credits Steffen Kamper
* fixed alignment of user name and icon in the toolbar
* adjusted non-t3skin module menu width to fit the wider div
+ * added feature #7367: Make the tree collapsable
2008-02-02 Benjamin Mack <mack@xnos.org>
if ($this->resizable) {
$this->content.= '
- <frameset cols="'.$width.',*"'.$onLoadHandler.'>
+ <frameset id="typo3-content-frameset" cols="'.$width.',*"'.$onLoadHandler.'>
<frame name="nav_frame" src="'.$URL_nav.'" marginwidth="0" marginheight="0" scrolling="auto" />
<frame name="list_frame" src="'.$URL_list.'" marginwidth="0" marginheight="0" scrolling="auto" />
</frameset>
} else {
$this->content.= '
- <frameset cols="'.$width.',8,*" framespacing="0" frameborder="0" border="0"'.$onLoadHandler.'>
+ <frameset id="typo3-content-frameset" cols="'.$width.',8,*" framespacing="0" frameborder="0" border="0"'.$onLoadHandler.'>
<frame name="nav_frame" src="'.$URL_nav.'" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" noresize="noresize" />
<frame name="border_frame" src="'.(isset($GLOBALS['TBE_STYLES']['border']) ? $GLOBALS['TBE_STYLES']['border'] : 'border.html').'" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" noresize="noresize" />
<frame name="list_frame" src="'.$URL_list.'" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" noresize="noresize" />
-<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Border between Navigation and List frame in TYPO3</title>
+
+ <style type="text/css">
+ /*<![CDATA[*/
+
+ body {
+ background-color: #edeeee;
+ }
+
+ #toggle-tree {
+ height: 500px;
+ cursor: pointer;
+ border-right: 1px solid #ddd;
+ }
+
+ .collapsed {
+ background-image: url("gfx/border_expand.gif");
+ background-repeat: no-repeat;
+ background-position: 1px 250px;
+ }
+
+ .expanded {
+ background-image: url("gfx/border_collapse.gif");
+ background-repeat: no-repeat;
+ background-position: 0px 250px;
+ border-left: 1px solid #ddd;
+ }
+
+ /*]]>*/
+ </style>
+
+ <script type="text/javascript" src="contrib/prototype/prototype.js"></script>
+ <script type="text/javascript">
+ /*<![CDATA[*/
+
+ var origColumns = 0;
+ var frameSet = null;
+ var collapseState = 'expanded';
+
+ Event.observe(document, 'dom:loaded', function() {
+ $('toggle-tree').observe('click', toggleTree);
+
+ frameSet = parent.document.body;
+ origColumns = Element.readAttribute(frameSet, 'cols');
+ });
+
+ Event.observe(window, 'load', resizeBorder);
+ Event.observe(window, 'resize', resizeBorder);
+
+ function toggleTree() {
+ var columns = origColumns.split(',');
+
+ if(collapseState == 'expanded') {
+ columns[0] = '0';
+ Element.writeAttribute(frameSet, 'cols', columns.join(','));
+
+ $('toggle-tree').removeClassName('expanded');
+ $('toggle-tree').addClassName('collapsed');
+ collapseState = 'collapsed';
+ } else {
+ Element.writeAttribute(frameSet, 'cols', origColumns);
+
+ $('toggle-tree').removeClassName('collapsed');
+ $('toggle-tree').addClassName('expanded');
+ collapseState = 'expanded';
+ }
+ }
+
+ function resizeBorder() {
+ var documentHeight = document.viewport.getHeight();
+
+ $('toggle-tree').setStyle({
+ height: documentHeight + 'px'
+ });
+ }
+
+ /*]]>*/
+ </script>
</head>
- <body background="gfx/border_back.gif">
+ <body>
+ <div id="toggle-tree" class="expanded"> </div>
</body>
-</html>
+</html>
\ No newline at end of file
#typo3-logo,
#typo3-side-menu {
float: left;
- width: 160px;
+ width: 159px;
}
#typo3-top-container {
- - - - - - - - - - - - - - - - - - - - - */
+#typo3-side-menu {
+ border-right: 1px solid #ddd;
+}
+
#typo3-menu,
#typo3-menu ul {
list-style: none;
+++ /dev/null
-<!DOCTYPE html
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Border between Navigation and List frame in TYPO3</title>
- </head>
- <body background="icons/gfx/border_back.gif">
-
- </body>
-</html>
$TBE_STYLES['styleSheetFile_post'] = $temp_eP.'stylesheets/stylesheet_post.css'; // Additional stylesheet. Set AFTER any in-document styles
# $TBE_STYLES['inDocStyles_TBEstyle'] = '* {text-align: right;}'; // Additional default in-document styles.
$TBE_STYLES['stylesheets']['modulemenu'] = $temp_eP.'stylesheets/modulemenu.css';
- $TBE_STYLES['stylesheets']['backend-scaffolding'] = $temp_eP.'stylesheets/backend-scaffolding.css';
$TBE_STYLES['stylesheets']['backend-style'] = $temp_eP.'stylesheets/backend-style.css';
// Alternative dimensions for frameset sizes:
$TBE_STYLES['dims']['selMenuFrame']=200; // Width of the selector box menu frame
$TBE_STYLES['dims']['navFrameWidth']=260; // Default navigation frame width
- $TBE_STYLES['border'] = $temp_eP.'noborder.html';
-
// Setting roll-over background color for click menus:
// Notice, this line uses the the 'scriptIDindex' feature to override another value in this array (namely $TBE_STYLES['mainColors']['bgColor5']), for a specific script "typo3/alt_clickmenu.php"
$TBE_STYLES['scriptIDindex']['typo3/alt_clickmenu.php']['mainColors']['bgColor5']='#F8F9FB';
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Border between Navigation and List frame in TYPO3</title>
- </head>
- <body style="background-color:#EFEFF4;">
-
- </body>
-</html>
+++ /dev/null
-/* - - - - - - - - - - - - - - - - - - - - -
-
-Title : TYPO3 backend styles
-Author : Ingo Renner <ingo@typo3.org>
-URL : http://typo3.org
-
-Description : styles the TYPO3 backend, should only contain layout styles, no colors or border or so
-
-
- $Id$
-
-- - - - - - - - - - - - - - - - - - - - - */
-
-
-/* - - - - - - - - - - - - - - - - - - - - -
-
-TYPO3 backend scaffolding
-
-- - - - - - - - - - - - - - - - - - - - - */
-
-#typo3-logo,
-#typo3-side-menu {
- width: 159px;
-}
\ No newline at end of file
- - - - - - - - - - - - - - - - - - - - - */
#typo3-side-menu {
- border-right: 1px solid #ddd;
background: #edeeee;
}