Author: jleroux
Date: Mon Jun 2 16:08:54 2008 New Revision: 662598 URL: http://svn.apache.org/viewvc?rev=662598&view=rev Log: A skip navigation hidden button (accessibility) Modified: ofbiz/trunk/framework/common/config/CommonUiLabels.xml ofbiz/trunk/framework/common/webcommon/includes/header.ftl ofbiz/trunk/framework/common/widget/CommonScreens.xml ofbiz/trunk/framework/images/webapp/images/maincss.css Modified: ofbiz/trunk/framework/common/config/CommonUiLabels.xml URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/config/CommonUiLabels.xml?rev=662598&r1=662597&r2=662598&view=diff ============================================================================== --- ofbiz/trunk/framework/common/config/CommonUiLabels.xml (original) +++ ofbiz/trunk/framework/common/config/CommonUiLabels.xml Mon Jun 2 16:08:54 2008 @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?> +<?xml version="1.0" encoding="UTF-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file @@ -5186,6 +5186,10 @@ <value xml:lang="zh_CN">èªä»</value> <value xml:lang="zh">èªä»</value> </property> + <property key="CommonSkipNavigation"> + <value xml:lang="en">Skip navigation</value> + <value xml:lang="fr">Sauter la navigation</value> + </property> <property key="CommonSmall"> <value xml:lang="ar">صغÙر</value> <value xml:lang="de">Klein</value> Modified: ofbiz/trunk/framework/common/webcommon/includes/header.ftl URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/webcommon/includes/header.ftl?rev=662598&r1=662597&r2=662598&view=diff ============================================================================== --- ofbiz/trunk/framework/common/webcommon/includes/header.ftl (original) +++ ofbiz/trunk/framework/common/webcommon/includes/header.ftl Mon Jun 2 16:08:54 2008 @@ -62,6 +62,11 @@ </head> <body> + <div class="hide"> + <a ref="#column-container" title="${uiLabelMap.CommonSkipNavigation}" accesskey="2"> + ${uiLabelMap.CommonSkipNavigation} + </a> + </div <div id="masthead"> <ul> <#if layoutSettings.headerImageUrl?exists> Modified: ofbiz/trunk/framework/common/widget/CommonScreens.xml URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/widget/CommonScreens.xml?rev=662598&r1=662597&r2=662598&view=diff ============================================================================== --- ofbiz/trunk/framework/common/widget/CommonScreens.xml (original) +++ ofbiz/trunk/framework/common/widget/CommonScreens.xml Mon Jun 2 16:08:54 2008 @@ -118,10 +118,10 @@ <set field="layoutSettings.rtlStyleSheets[+0]" value="/images/mainrtl.css" global="true"/> <!-- The default (global) java scripts --> <!-- NOTE: this should be included on each screen that uses it to avoid including it in all screens: <set field="layoutSettings.javaScripts[]" value="/images/dojo/dojo.js" global="true"/> --> - <set field="layoutSettings.javaScripts[]" value="/images/calendar1.js" global="true"/> <set field="layoutSettings.javaScripts[]" value="/images/selectall.js" global="true"/> <set field="layoutSettings.javaScripts[]" value="/images/fieldlookup.js" global="true"/> <set field="layoutSettings.javaScripts[]" value="/images/prototypejs/prototype.js" global="true"/> + <set field="layoutSettings.javaScripts[]" value="/images/calendar_date_select.js" global="true"/> <!-- The default (global) shortcut icon --> <set field="layoutSettings.shortcutIcon" value="/images/ofbiz.ico" global="true"/> <!-- The default (global) logo --> @@ -148,8 +148,10 @@ </section> <platform-specific><html><html-template location="component://common/webcommon/includes/messages.ftl"/></html></platform-specific> <container style="contentarea"> + <!-- may be used by sight disabled persons to skip diretly to content area--> <decorator-section-include name="pre-body"/> - <container id="column-container"> + <!-- Please don't change the column-container id : it's referenced to allow skipping navigation--> + <container id="column-container"> <!-- by default will render left-bar only if leftbarScreen value not empty --> <include-screen name="${leftbarScreenName}" location="${leftbarScreenLocation}"/> Modified: ofbiz/trunk/framework/images/webapp/images/maincss.css URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/maincss.css?rev=662598&r1=662597&r2=662598&view=diff ============================================================================== --- ofbiz/trunk/framework/images/webapp/images/maincss.css (original) +++ ofbiz/trunk/framework/images/webapp/images/maincss.css Mon Jun 2 16:08:54 2008 @@ -49,6 +49,10 @@ /* ===== Basic Element Styles ===== */ +.hide { +display: none; +} + a, a:visited { color: #000099; font-weight: bold; @@ -1720,41 +1724,138 @@ /* ===== Table decorator - Calendar ===== */ -.calendar { -border-right: 0.1em solid #cccccc; +.calendar_date_select { + color:white; + border:#777 1px solid; + display:block; + width:195px; + z-index: 1000; +} +/* this is a fun ie6 hack to get drop downs to stay behind the popup window. This should always be just underneath .calendar_date_select */ +iframe.ie6_blocker { + position: absolute; + z-index: 999; } -.calendar tr td { -border-bottom: 0.1em solid #cccccc; -border-left: 0.1em solid #cccccc; -vertical-align: top; -padding: 0.5em; +.calendar_date_select thead th { + font-weight:bold; + background-color: #000; + border-top:1px solid #777; + border-bottom:2px solid #333; + color: white !important; } -.calendar .header-row td { -background-color: #69a9d9; -border-bottom: 0.1em solid #cccccc; -border-left: 0.1em solid #cccccc; -color: #ffffff; -height: auto; -text-align: center; +.calendar_date_select .cds_buttons { + text-align:center; + padding:5px 0px; + background-color: #555; } -.calendar tr td .add-new { -float: right; +.calendar_date_select .cds_footer { + background-color: black; + padding:3px; + font-size:12px; + text-align:center; } -.calendar tr td .h1 { -color: #000099; -float: left; +.calendar_date_select table { + margin: 0px; + padding: 0px; +} + + +.calendar_date_select .cds_header { + background-color: #ccc; + border-bottom: 2px solid #aaa; + text-align:center; } -.calendar .current-period { -background-color: #ffffcc; +.calendar_date_select .cds_header span { + font-size:15px; + color: black; + font-weight: bold; } -.calendar .active-period { -background-color: #eeeeee; +.calendar_date_select select { font-size:11px;} + +.calendar_date_select .cds_header a:hover { + color: white; +} +.calendar_date_select .cds_header a { + width:22px; + height:20px; + text-decoration: none; + font-size:14px; + color:black !important; +} + +.calendar_date_select .cds_header a.prev { + float:left; +} +.calendar_date_select .cds_header a.next { + float:right; +} +.calendar_date_select .cds_header a.close { + float:right; + display:none; +} + +.calendar_date_select .cds_header select.month { + width:90px; +} + +.calendar_date_select .cds_header select.year { + width:61px; +} + +.calendar_date_select .cds_buttons a { + color: white; + font-size: 9px; +} +.calendar_date_select td { + font-size:12px; + width: 24px; + height: 21px; + text-align:center; + vertical-align: middle; + background-color: #666666; +} +.calendar_date_select td.weekend { + background-color: #606060; +} + +.calendar_date_select td div { + color: #fff; +} +.calendar_date_select td div.other { + color: #888; +} +.calendar_date_select td.selected div { + color:black; +} + +.calendar_date_select tbody td { + border-bottom: 1px solid #555; +} +.calendar_date_select td.selected { + background-color:white; +} + +.calendar_date_select td:hover { + background-color:#ccc; +} + +.calendar_date_select td.today { + border: 1px dashed #999; +} + +.calendar_date_select td.disabled div { + color: #454545; +} + + +.fieldWithErrors .calendar_date_select { + border: 2px solid red; } /* ======================= */ |
Free forum by Nabble | Edit this page |