JBoss Rich Faces SVN: r19155 - in branches/RF-8992/ui/input/ui/src/main: resources/META-INF/resources/org.richfaces and 1 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: abelevich
Date: 2010-09-10 12:23:58 -0400 (Fri, 10 Sep 2010)
New Revision: 19155
Added:
branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceBase.js
branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/select.js
Modified:
branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java
branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceSelectBaseRenderer.java
branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.js
branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceSelect.js
branches/RF-8992/ui/input/ui/src/main/templates/inplaceSelect.template.xml
Log:
implement base class for the inplaces, add base class for the select components
Modified: branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java 2010-09-10 13:33:45 UTC (rev 19154)
+++ branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java 2010-09-10 16:23:58 UTC (rev 19155)
@@ -48,6 +48,7 @@
@ResourceDependency(name = "jquery.js"), @ResourceDependency(name = "richfaces.js"),
@ResourceDependency(name = "richfaces-event.js"),
@ResourceDependency(name = "richfaces-base-component.js"),
+ @ResourceDependency(library="org.richfaces", name = "inplaceBase.js"),
@ResourceDependency(library="org.richfaces", name = "inplaceInput.js"),
@ResourceDependency(library="org.richfaces", name = "inplaceInput.ecss") })
public class InplaceInputBaseRenderer extends InputRendererBase {
Modified: branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceSelectBaseRenderer.java
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceSelectBaseRenderer.java 2010-09-10 13:33:45 UTC (rev 19154)
+++ branches/RF-8992/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceSelectBaseRenderer.java 2010-09-10 16:23:58 UTC (rev 19155)
@@ -32,17 +32,20 @@
@ResourceDependency(name = "richfaces-event.js"),
@ResourceDependency(name = "richfaces-base-component.js"),
@ResourceDependency(name = "richfaces-selection.js"),
- @ResourceDependency(library = "org.richfaces", name = "inplaceInput.js"),
- @ResourceDependency(library = "org.richfaces", name = "AutocompleteBase.js"),
- @ResourceDependency(library = "org.richfaces", name = "Autocomplete.js"),
+ @ResourceDependency(library="org.richfaces", name = "inplaceBase.js"),
+ @ResourceDependency(library = "org.richfaces", name = "select.js"),
@ResourceDependency(library = "org.richfaces", name = "inplaceSelect.js"),
@ResourceDependency(library = "org.richfaces", name = "inplaceSelect.ecss") })
public class InplaceSelectBaseRenderer extends InplaceInputBaseRenderer {
- public static final String OPTIONS_ITEM_CLASS = "itemClass";
+ public static final String OPTIONS_ITEM_CLASS = "itemCss";
- public static final String OPTIONS_SELECTED_ITEM_CLASS = "selectedItemClass";
-
+ public static final String OPTIONS_SELECT_ITEM_CLASS = "selectItemCss";
+
+ public static final String OPTIONS_LIST_CORD = "listCord";
+
+ public static final String OPTIONS_ITEMS_CORD = "itemsCord";
+
protected static final class ClientSelectItem implements ScriptString {
private String label;
private String convertedValue;
@@ -90,7 +93,10 @@
@Override
public void addToOptions(FacesContext facesContext, UIComponent component, Map<String, Object> options) {
options.put(OPTIONS_ITEM_CLASS, "insel_option");
- options.put(OPTIONS_SELECTED_ITEM_CLASS, "insel_select");
+ options.put(OPTIONS_SELECT_ITEM_CLASS, "insel_select");
+ String clientId = component.getClientId(facesContext);
+ options.put(OPTIONS_LIST_CORD, clientId + "List");
+ options.put(OPTIONS_ITEMS_CORD, clientId + "Items");
}
public void encodeOptions(FacesContext facesContext, UIComponent component, List<ClientSelectItem> clientSelectItems) throws IOException {
Added: branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceBase.js
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceBase.js (rev 0)
+++ branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceBase.js 2010-09-10 16:23:58 UTC (rev 19155)
@@ -0,0 +1,150 @@
+$.extend(RichFaces.Event, {
+ bindScrollEventHandlers: function(element, handler, component) {
+ var elements = [];
+ element = RichFaces.getDomElement(element).parentNode;
+ while (element && element!=window.document.body)
+ {
+ if (element.offsetWidth!=element.scrollWidth || element.offsetHeight!=element.scrollHeight)
+ {
+ elements.push(element);
+ RichFaces.Event.bind(element, "scroll"+component.getNamespace(), handler, component);
+ }
+ element = element.parentNode;
+ }
+ return elements;
+ },
+ unbindScrollEventHandlers: function(elements, component) {
+ RichFaces.Event.unbind(elements, "scroll"+component.getNamespace());
+ }
+});
+
+
+(function ($, rf) {
+
+ rf.ui = rf.ui || {};
+
+ rf.ui.InplaceBase = function(id, options) {
+ $super.constructor.call(this, id);
+ this.attachToDom(id);
+
+ this.editEvent = options.editEvent;
+ this.noneCss = options.noneCss;
+ this.changedCss = options.changedCss;
+ this.showControls = options.showControls;
+ this.defaultLabel = options.defaultLabel;
+
+ this.element = $(document.getElementById(id));
+ this.editContainer = $(document.getElementById(options.editContainer));
+
+ this.element.bind(this.editEvent, $.proxy(this.__editHandler, this));
+ if(this.showControls) {
+ this.okbtn = $(document.getElementById(options.okbtn));
+ this.cancelbtn = $(document.getElementById(options.cancelbtn));
+ this.okbtn.bind("mousedown", $.proxy(this.__saveBtnHandler, this));
+ this.cancelbtn.bind("mousedown", $.proxy(this.__cancelBtnHandler, this));
+ }
+ };
+
+ rf.BaseComponent.extend(rf.ui.InplaceBase);
+ var $super = rf.ui.InplaceBase.$super;
+
+ $.extend(rf.ui.InplaceBase.prototype, ( function () {
+ var saved = false;
+ var useDefaultLabel = false;
+
+ return {
+
+ getValue: function() {
+ },
+
+ setValue: function(value){
+ },
+
+ getLabel: function() {
+ },
+
+ setLabel: function(value) {
+ },
+
+ onshow: function(){
+ },
+
+ onhide: function() {
+ },
+
+ getNamespace: function() {
+ },
+
+ save: function() {
+ var value = this.getValue()
+ if(value.length > 0) {
+ this.setLabel(value);
+ } else {
+ this.setLabel(this.defaultLabel);
+ useDefaultLabel = true;
+ }
+
+ if(this.isValueChanged()) {
+ this.element.addClass(this.changedCss);
+ } else {
+ this.element.removeClass(this.changedCss);
+ }
+ isSaved = true;
+ this.__hide();
+ },
+
+ cancel: function(){
+ var text = "";
+ if(!useDefaultLabel) {
+ text = this.getLabel()
+ }
+ this.setValue(text);
+ isSaved = true;
+ this.onhide();
+ },
+
+ isValueSaved: function() {
+ return isSaved;
+ },
+
+ __show: function() {
+ this.scrollElements = rf.Event.bindScrollEventHandlers(this.id, this.__scrollHandler, this);
+ this.onshow();
+ },
+
+ __hide: function() {
+ if(this.scrollElements) {
+ rf.Event.unbindScrollEventHandlers(this.scrollElements, this);
+ this.scrollElements = null;
+ }
+ this.editContainer.addClass(this.noneCss);
+ },
+
+ __editHandler: function(e) {
+ isSaved = false;
+ this.editContainer.removeClass(this.noneCss);
+ this.__show();
+ },
+
+ __saveBtnHandler: function(e) {
+ this.save();
+ return false;
+ },
+
+ __cancelBtnHandler: function(e) {
+ this.cancel();
+ return false;
+ },
+
+ __scrollHandler: function(e) {
+ this.cancel();
+ },
+
+ destroy: function () {
+ $super.destroy.call(this);
+ }
+ }
+
+ })());
+
+})(jQuery, window.RichFaces);
Modified: branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.js
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.js 2010-09-10 13:33:45 UTC (rev 19154)
+++ branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.js 2010-09-10 16:23:58 UTC (rev 19155)
@@ -1,4 +1,6 @@
// TODO: remove when these functions will be moved to the RichFaces.Event
+
+/*
$.extend(RichFaces.Event, {
bindScrollEventHandlers: function(element, handler, component) {
var elements = [];
@@ -24,13 +26,12 @@
rf.ui = rf.ui || {};
rf.ui.InplaceInput = function(id, options) {
- /*TODO: use defaultOptions*/
+
$super.constructor.call(this, id);
this.attachToDom(id);
this.namespace = this.getNamespace() || "." + rf.Event.createNamespace(this.getName(), this.id);
- this.currentState = options.state;
this.editEvent = options.editEvent;
this.noneCss = options.noneCss;
this.changedCss = options.changedCss;
@@ -77,8 +78,6 @@
return {
name : "inplaceInput",
-/****************** public methods *****************************************/
-
getName: function() {
return this.name;
},
@@ -132,8 +131,6 @@
return this.input.val();
},
-/****************** private methods *****************************************/
-
__saveBtnHandler: function(e) {
this.save();
return false;
@@ -169,11 +166,9 @@
__keydownHandler: function(e) {
switch(e.keyCode) {
- /*Esc*/
case 27:
this.cancel();
break;
- /*Enter*/
case 13:
this.save();
return false;
@@ -202,3 +197,99 @@
})(jQuery, window.RichFaces);
+*/
+
+(function ($, rf) {
+
+ rf.ui = rf.ui || {};
+
+ rf.ui.InplaceInput = function(id, options) {
+ $super.constructor.call(this, id, options);
+ this.namespace = this.namespace || "." + rf.Event.createNamespace(this.name, this.id);
+
+ this.input = $(document.getElementById(options.input));
+ this.label = $(document.getElementById(options.label));
+
+ var label = this.label.text();
+ var inputLabel = this.input.val();
+ this.initialValue = (label == inputLabel) ? label : "";
+
+ this.input.bind("focus", $.proxy(this.__editHandler, this));
+ this.input.bind("change", $.proxy(this.__changeHandler, this));
+ this.input.bind("blur", $.proxy(this.__blurHandler, this));
+ this.input.bind("keydown", $.proxy(this.__keydownHandler, this));
+
+ this.focusElement = $(document.getElementById(options.focusElement));
+ };
+
+ rf.ui.InplaceBase.extend(rf.ui.InplaceInput);
+ var $super = rf.ui.InplaceInput.$super;
+
+ $.extend(rf.ui.InplaceInput.prototype, ( function () {
+
+ return {
+
+ name : "inplaceInput",
+
+ geNamespace: function() {
+ return this.namespace;
+ },
+
+ __keydownHandler: function(e) {
+ switch(e.keyCode) {
+ case 27:
+ this.cancel();
+ break;
+ case 13:
+ this.save();
+ return false;
+ }
+ },
+
+ __blurHandler: function(e) {
+ if(!this.isValueSaved()) {
+ this.save();
+ }
+ return false;
+ },
+
+ __changeHandler: function(e) {
+ if(!this.isValueSaved()) {
+ this.save();
+ }
+ },
+
+ getValue: function() {
+ return this.input.val();
+ },
+
+ setValue: function(value){
+ this.input.val(value);
+ },
+
+ getLabel: function() {
+ return this.label.text();
+ },
+
+ setLabel: function(value) {
+ this.label.text(value);
+ },
+
+ isValueChanged: function () {
+ return (this.getValue() != this.initialValue);
+ },
+
+ onshow: function(){
+ this.input.unbind("focus", this.__editHandler);
+ this.input.focus();
+ this.input.bind("focus", $.proxy(this.__editHandler, this));
+ },
+
+ onhide: function() {
+ this.focusElement.focus();
+ }
+
+ }
+ })());
+
+})(jQuery, window.RichFaces);
\ No newline at end of file
Modified: branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceSelect.js
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceSelect.js 2010-09-10 13:33:45 UTC (rev 19154)
+++ branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceSelect.js 2010-09-10 16:23:58 UTC (rev 19155)
@@ -4,29 +4,33 @@
rf.ui.InplaceSelect = function(id, options) {
$super.constructor.call(this, id, options)
- this.proxy = new rf.ui.Autocomplete(id, options.input, defaultOptions);
+ this.select = new rf.ui.Select(options.listCord, options);
}
- rf.ui.InplaceInput.extend(rf.ui.InplaceSelect);
+ rf.ui.InplaceBase.extend(rf.ui.InplaceSelect);
var $super = rf.ui.InplaceSelect.$super;
- var defaultOptions = {
- selectedItemClass:'insel_select',
- itemClass:'insel_option',
- autofill:false,
- minChars:0,
- selectFirst:false,
- ajaxMode:false,
- lazyClientMode:false,
- attachToBody:true,
- filterFunction: function () {return true;}
- };
-
-
$.extend(rf.ui.InplaceSelect.prototype, ( function () {
+
+ var openPopup = false;
return{
- name : "inplaceSelect"
+ name : "inplaceSelect",
+
+ onshow: function() {
+ if(openPopup) {
+ this.select.show();
+ }
+
+ if(!openPopup) {
+ openPopup = true;
+ }
+ },
+
+ onhide: function() {
+ this.select.hide();
+ openPopup = false;
+ }
}
})());
Added: branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/select.js
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/select.js (rev 0)
+++ branches/RF-8992/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/select.js 2010-09-10 16:23:58 UTC (rev 19155)
@@ -0,0 +1,57 @@
+(function ($, rf) {
+
+ rf.ui = rf.ui || {};
+
+ rf.ui.Select = function(id, options) {
+ this.select = $(document.getElementById(id));
+ this.itemsCord = $(document.getElementById(options.itemsCord));
+ this.selectItemCss = options.selectItemCss;
+ this.itemCss = options.itemCss;
+ this.noneCss = options.noneCss;
+
+ this.itemsCord.bind("mouseover", $.proxy(this.__mouseHandler, this));
+ this.itemsCord.bind("click", $.proxy(this.__mouseHandler, this));
+ };
+
+ rf.BaseComponent.extend(rf.ui.Select);
+ var $super = rf.ui.Select.$super;
+
+ $.extend(rf.ui.Select.prototype, ( function () {
+
+ var processed = null;
+
+ return{
+ name : "select",
+
+ show: function() {
+ this.select.removeClass(this.noneCss);
+ },
+
+ hide: function() {
+ this.select.addClass(this.noneCss);
+ },
+
+ processItem: function(event, element) {
+
+ },
+
+ __mouseHandler: function(event) {
+ var element = $(event.target).closest("."+this.itemCss, event.currentTarget);
+ if (event&& element) {
+ if(event.type == 'mouseover') {
+ if(processed) {
+ processed.removeClass(this.selectItemCss);
+ }
+ element.addClass(this.selectItemCss);
+ processed = element;
+ }
+
+ if(event.type == 'click') {
+ //TODO: process click here
+ }
+ }
+ }
+ }
+ })());
+
+})(jQuery, window.RichFaces);
Modified: branches/RF-8992/ui/input/ui/src/main/templates/inplaceSelect.template.xml
===================================================================
--- branches/RF-8992/ui/input/ui/src/main/templates/inplaceSelect.template.xml 2010-09-10 13:33:45 UTC (rev 19154)
+++ branches/RF-8992/ui/input/ui/src/main/templates/inplaceSelect.template.xml 2010-09-10 16:23:58 UTC (rev 19155)
@@ -78,7 +78,7 @@
</span>
</c:if>
<br/>
- <span id="#{clientId}List" class="insel_list_cord">
+ <span id="#{clientId}List" class="insel_list_cord rf-is-none">
<span class="insel_list_position" style="width: #{component.attributes['listWidth']}">
<span class="insel_shadow">
<span class="insel_shadow_t"></span>
14 years, 3 months
JBoss Rich Faces SVN: r19154 - branches.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2010-09-10 09:33:45 -0400 (Fri, 10 Sep 2010)
New Revision: 19154
Added:
branches/RF-7817/
Log:
RF-7817 branch recreation
Copied: branches/RF-7817 (from rev 19153, trunk)
14 years, 3 months
JBoss Rich Faces SVN: r19153 - branches.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2010-09-10 09:32:45 -0400 (Fri, 10 Sep 2010)
New Revision: 19153
Removed:
branches/RF-7817/
Log:
RF-7817 branch recreation
14 years, 3 months
JBoss Rich Faces SVN: r19152 - in trunk/ui: common/ui/src/main/java/org/richfaces and 15 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2010-09-09 20:16:28 -0400 (Thu, 09 Sep 2010)
New Revision: 19152
Added:
trunk/ui/common/ui/src/main/java/org/richfaces/application/
trunk/ui/common/ui/src/main/java/org/richfaces/application/CommonComponentsConfiguration.java
trunk/ui/common/ui/src/main/java/org/richfaces/resource/
trunk/ui/common/ui/src/main/java/org/richfaces/resource/AjaxResourceLibrary.java
trunk/ui/common/ui/src/main/resources/
trunk/ui/common/ui/src/main/resources/META-INF/
trunk/ui/common/ui/src/main/resources/META-INF/richfaces/
trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/
trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/ajax.library.properties
trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/base-component.library.properties
Removed:
trunk/ui/core/ui/src/main/java/org/richfaces/aplication/CoreComponentsConfiguration.java
Modified:
trunk/ui/core/ui/src/main/java/org/ajax4jsf/renderkit/AjaxBehaviorRenderer.java
trunk/ui/core/ui/src/main/java/org/richfaces/component/AbstractAjaxLog.java
trunk/ui/core/ui/src/main/java/org/richfaces/component/QueuePreRenderViewListener.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/AjaxCommandRendererBase.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPollRenderer.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPushRenderer.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxStatusRenderer.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueRendererBase.java
trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueResourceComponentRenderer.java
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/AutocompleteRendererBase.java
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java
trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml
trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataScrollerBaseRenderer.java
trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataTableRenderer.java
trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelBaseRenderer.java
trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PopupPanelBaseRenderer.java
Log:
- Added ajax & base-component resource libraries
- Switched off queue options rendering if queue is turned off globally
- Switched some components to use resource libraries
Copied: trunk/ui/common/ui/src/main/java/org/richfaces/application/CommonComponentsConfiguration.java (from rev 19136, trunk/ui/core/ui/src/main/java/org/richfaces/aplication/CoreComponentsConfiguration.java)
===================================================================
--- trunk/ui/common/ui/src/main/java/org/richfaces/application/CommonComponentsConfiguration.java (rev 0)
+++ trunk/ui/common/ui/src/main/java/org/richfaces/application/CommonComponentsConfiguration.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -0,0 +1,41 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.application;
+
+import org.richfaces.application.configuration.ConfigurationItem;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public final class CommonComponentsConfiguration {
+
+ private CommonComponentsConfiguration() {}
+
+ public enum Items {
+
+ @ConfigurationItem(defaultValue = "true", names = "org.richfaces.queue.enabled", literal = true)
+ queueEnabled
+
+ }
+
+}
Added: trunk/ui/common/ui/src/main/java/org/richfaces/resource/AjaxResourceLibrary.java
===================================================================
--- trunk/ui/common/ui/src/main/java/org/richfaces/resource/AjaxResourceLibrary.java (rev 0)
+++ trunk/ui/common/ui/src/main/java/org/richfaces/resource/AjaxResourceLibrary.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -0,0 +1,52 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import static org.richfaces.application.configuration.ConfigurationServiceHelper.getBooleanConfigurationValue;
+
+import javax.faces.context.FacesContext;
+
+import org.richfaces.application.CommonComponentsConfiguration;
+
+import com.google.common.collect.ObjectArrays;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class AjaxResourceLibrary implements ResourceLibrary {
+
+ private ResourceKey[] ajaxResourceKeys = new ResourceKey[] {
+ new ResourceKey("jsf.js", "javax.faces"), new ResourceKey("jquery.js", null), new ResourceKey("richfaces.js", null)
+ };
+
+ private ResourceKey[] ajaxQueueResourceKeys = ObjectArrays.concat(ajaxResourceKeys, new ResourceKey("richfaces-queue.js", null));
+
+ public ResourceKey[] getResources(FacesContext context) {
+ if (getBooleanConfigurationValue(context, CommonComponentsConfiguration.Items.queueEnabled)) {
+ return ajaxQueueResourceKeys;
+ }
+
+ return ajaxResourceKeys;
+ }
+
+}
Added: trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/ajax.library.properties
===================================================================
--- trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/ajax.library.properties (rev 0)
+++ trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/ajax.library.properties 2010-09-10 00:16:28 UTC (rev 19152)
@@ -0,0 +1 @@
+class=org.richfaces.resource.AjaxResourceLibrary
\ No newline at end of file
Added: trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/base-component.library.properties
===================================================================
--- trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/base-component.library.properties (rev 0)
+++ trunk/ui/common/ui/src/main/resources/META-INF/richfaces/org.richfaces/base-component.library.properties 2010-09-10 00:16:28 UTC (rev 19152)
@@ -0,0 +1 @@
+resources=jquery.js, richfaces.js, richfaces-base-component.js
\ No newline at end of file
Modified: trunk/ui/core/ui/src/main/java/org/ajax4jsf/renderkit/AjaxBehaviorRenderer.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/ajax4jsf/renderkit/AjaxBehaviorRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/ajax4jsf/renderkit/AjaxBehaviorRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -24,7 +24,6 @@
import static org.richfaces.renderkit.AjaxConstants.BEHAVIOR_EVENT_PARAMETER;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.ActionSource;
import javax.faces.component.EditableValueHolder;
@@ -52,13 +51,7 @@
@FacesBehaviorRenderer(rendererType = "org.ajax4jsf.behavior.Ajax",
renderKitId = RenderKitFactory.HTML_BASIC_RENDER_KIT)
-@ResourceDependencies(
- {@ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js", target = "head"),
- @ResourceDependency(name = "richfaces.js", target = "head")
- }
-)
-
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
public class AjaxBehaviorRenderer extends ClientBehaviorRenderer {
private final RendererUtils utils = RendererUtils.getInstance();
Deleted: trunk/ui/core/ui/src/main/java/org/richfaces/aplication/CoreComponentsConfiguration.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/aplication/CoreComponentsConfiguration.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/aplication/CoreComponentsConfiguration.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -1,41 +0,0 @@
-/*
- * JBoss, Home of Professional Open Source
- * Copyright 2010, Red Hat, Inc. and individual contributors
- * by the @authors tag. See the copyright.txt in the distribution for a
- * full listing of individual contributors.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Lesser General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- */
-package org.richfaces.aplication;
-
-import org.richfaces.application.configuration.ConfigurationItem;
-
-/**
- * @author Nick Belaevski
- *
- */
-public final class CoreComponentsConfiguration {
-
- private CoreComponentsConfiguration() {}
-
- public enum Items {
-
- @ConfigurationItem(defaultValue = "true", names = "org.richfaces.queue.enabled", literal = true)
- queueEnabled
-
- }
-
-}
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/component/AbstractAjaxLog.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/component/AbstractAjaxLog.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/component/AbstractAjaxLog.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -38,9 +38,7 @@
*
*/
@ResourceDependencies(value = {
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js") ,
- @ResourceDependency(name = "richfaces-base-component.js") ,
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
@ResourceDependency(library = "org.richfaces", name = "log.js"),
@ResourceDependency(library = "org.richfaces", name = "log.ecss")
})
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/component/QueuePreRenderViewListener.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/component/QueuePreRenderViewListener.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/component/QueuePreRenderViewListener.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -32,7 +32,7 @@
import javax.faces.event.SystemEvent;
import javax.faces.event.SystemEventListener;
-import org.richfaces.aplication.CoreComponentsConfiguration;
+import org.richfaces.application.CommonComponentsConfiguration;
/**
* @author Nick Belaevski
@@ -50,7 +50,7 @@
FacesContext context = FacesContext.getCurrentInstance();
UIViewRoot viewRoot = context.getViewRoot();
- boolean queueEnabled = getBooleanConfigurationValue(context, CoreComponentsConfiguration.Items.queueEnabled);
+ boolean queueEnabled = getBooleanConfigurationValue(context, CommonComponentsConfiguration.Items.queueEnabled);
if (queueEnabled) {
Application application = context.getApplication();
UIComponent queueResourceComponent = application.createComponent(context,
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/AjaxCommandRendererBase.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/AjaxCommandRendererBase.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/AjaxCommandRendererBase.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -25,14 +25,13 @@
import java.util.Map;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;
-import org.richfaces.log.RichfacesLogger;
import org.richfaces.log.Logger;
+import org.richfaces.log.RichfacesLogger;
import org.richfaces.renderkit.util.HandlersChain;
/**
@@ -40,8 +39,7 @@
* @version $Revision: 1.1.2.3 $ $Date: 2007/02/12 17:46:53 $
*
*/
-@ResourceDependencies({@ResourceDependency(library = "javax.faces", name = "jsf.js") ,
- @ResourceDependency(name = "jquery.js") , @ResourceDependency(name = "richfaces.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
public abstract class AjaxCommandRendererBase extends RendererBase {
private static final Logger LOG = RichfacesLogger.RENDERKIT.getLogger();
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPollRenderer.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPollRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPollRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -25,7 +25,6 @@
import java.util.HashMap;
import java.util.Map;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
@@ -45,10 +44,7 @@
/**
* @author shura
*/
-@ResourceDependencies(value = {
- @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
@JsfRenderer
public class AjaxPollRenderer extends RendererBase {
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPushRenderer.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPushRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxPushRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -25,7 +25,6 @@
import java.util.HashMap;
import java.util.Map;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
@@ -45,8 +44,7 @@
/**
* @author shura
*/
-@ResourceDependencies({@ResourceDependency(library = "javax.faces", name = "jsf.js") ,
- @ResourceDependency(name = "jquery.js") , @ResourceDependency(name = "richfaces.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
@JsfRenderer
public class AjaxPushRenderer extends RendererBase {
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxStatusRenderer.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxStatusRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/AjaxStatusRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -25,7 +25,6 @@
import java.util.HashMap;
import java.util.Map;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
@@ -44,10 +43,7 @@
/**
* @author Nick Belaevski
*/
-@ResourceDependencies({
- @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
@JsfRenderer(type = "org.richfaces.StatusRenderer", family = AbstractAjaxStatus.COMPONENT_FAMILY)
public class AjaxStatusRenderer extends RendererBase {
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueRendererBase.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueRendererBase.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueRendererBase.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -23,7 +23,6 @@
import static org.richfaces.application.configuration.ConfigurationServiceHelper.getBooleanConfigurationValue;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
@@ -36,7 +35,7 @@
import javax.faces.event.PreRemoveFromViewEvent;
import javax.faces.render.Renderer;
-import org.richfaces.aplication.CoreComponentsConfiguration;
+import org.richfaces.application.CommonComponentsConfiguration;
import org.richfaces.component.QueueRegistry;
import org.richfaces.log.Logger;
import org.richfaces.log.RichfacesLogger;
@@ -45,10 +44,7 @@
/**
* @author Nick Belaevski Base class for rendering Queue
*/
-@ResourceDependencies(value = {
- @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
@ListenersFor({
@ListenerFor(systemEventClass = PostAddToViewEvent.class),
@ListenerFor(systemEventClass = PreRemoveFromViewEvent.class)
@@ -62,7 +58,7 @@
public void processEvent(ComponentSystemEvent event) throws AbortProcessingException {
FacesContext context = FacesContext.getCurrentInstance();
- if (!getBooleanConfigurationValue(context, CoreComponentsConfiguration.Items.queueEnabled)) {
+ if (!getBooleanConfigurationValue(context, CommonComponentsConfiguration.Items.queueEnabled)) {
return;
}
Modified: trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueResourceComponentRenderer.java
===================================================================
--- trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueResourceComponentRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/core/ui/src/main/java/org/richfaces/renderkit/html/QueueResourceComponentRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -21,12 +21,13 @@
*/
package org.richfaces.renderkit.html;
+import static org.richfaces.application.configuration.ConfigurationServiceHelper.getBooleanConfigurationValue;
+
import java.io.IOException;
import java.util.LinkedHashMap;
import java.util.Map;
import java.util.Map.Entry;
-import javax.faces.application.ResourceDependencies;
import javax.faces.application.ResourceDependency;
import javax.faces.component.UIComponent;
import javax.faces.component.UIOutput;
@@ -35,6 +36,7 @@
import javax.faces.render.Renderer;
import org.ajax4jsf.javascript.ScriptUtils;
+import org.richfaces.application.CommonComponentsConfiguration;
import org.richfaces.cdk.annotations.JsfRenderer;
import org.richfaces.component.QueueRegistry;
import org.richfaces.renderkit.HtmlConstants;
@@ -45,11 +47,7 @@
*
*/
@JsfRenderer(type = "org.richfaces.QueueResourceComponentRenderer", family = UIOutput.COMPONENT_FAMILY)
-@ResourceDependencies(value = {
- @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js"),
- @ResourceDependency(name = "richfaces-queue.js")})
+@ResourceDependency(library = "org.richfaces", name = "ajax.reslib")
public class QueueResourceComponentRenderer extends Renderer {
private static final String FUNCTION_NAME = "RichFaces.queue.setQueueOptions";
@@ -75,6 +73,10 @@
public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
super.encodeEnd(context, component);
+ if (!getBooleanConfigurationValue(context, CommonComponentsConfiguration.Items.queueEnabled)) {
+ return;
+ }
+
QueueRegistry registry = QueueRegistry.getInstance(context);
if (registry != null && registry.hasQueuesToEncode()) {
ResponseWriter writer = context.getResponseWriter();
Modified: trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/AutocompleteRendererBase.java
===================================================================
--- trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/AutocompleteRendererBase.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/AutocompleteRendererBase.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -61,10 +61,11 @@
* @author Nick Belaevski
*
*/
-@ResourceDependencies({ @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"), @ResourceDependency(name = "jquery.position.js"),
- @ResourceDependency(name = "richfaces.js"), @ResourceDependency(name = "richfaces-event.js"),
- @ResourceDependency(name = "richfaces-base-component.js"), @ResourceDependency(name = "richfaces-selection.js"),
+@ResourceDependencies({
+ @ResourceDependency(library = "org.richfaces", name = "ajax.reslib"),
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
+ @ResourceDependency(name = "jquery.position.js"), @ResourceDependency(name = "richfaces-event.js"),
+ @ResourceDependency(name = "richfaces-selection.js"),
@ResourceDependency(library = "org.richfaces", name = "AutocompleteBase.js"),
@ResourceDependency(library = "org.richfaces", name = "Autocomplete.js"),
@ResourceDependency(library = "org.richfaces", name = "Autocomplete.ecss")
Modified: trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java
===================================================================
--- trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/InplaceInputBaseRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -43,10 +43,10 @@
* @author Anton Belevich
*
*/
-@ResourceDependencies({ @ResourceDependency(library = "javax.faces", name = "jsf.js"),
- @ResourceDependency(name = "jquery.js"), @ResourceDependency(name = "richfaces.js"),
+@ResourceDependencies({
+ @ResourceDependency(library = "javax.faces", name = "jsf.js"),
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
@ResourceDependency(name = "richfaces-event.js"),
- @ResourceDependency(name = "richfaces-base-component.js"),
@ResourceDependency(library="org.richfaces", name = "inplaceInput.js"),
@ResourceDependency(library="org.richfaces", name = "inplaceInput.ecss") })
public class InplaceInputBaseRenderer extends InputRendererBase {
Modified: trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml
===================================================================
--- trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml 2010-09-10 00:16:28 UTC (rev 19152)
@@ -32,11 +32,8 @@
<cdk:component-family>javax.faces.Input</cdk:component-family>
<cdk:renderer-type>org.richfaces.InputNumberSliderRenderer</cdk:renderer-type>
<cdk:resource-dependency library="org.richfaces" name="inputNumberSlider.ecss" />
- <cdk:resource-dependency library="javax.faces" name="jsf.js" />
- <cdk:resource-dependency name="jquery.js" />
+ <cdk:resource-dependency library="org.richfaces" name="base-component.reslib" />
<cdk:resource-dependency name="jquery.position.js" />
- <cdk:resource-dependency name="richfaces.js" />
- <cdk:resource-dependency name="richfaces-base-component.js" />
<cdk:resource-dependency library="org.richfaces" name="inputNumberSlider.js" />
</cc:interface>
<cc:implementation>
Modified: trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataScrollerBaseRenderer.java
===================================================================
--- trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataScrollerBaseRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataScrollerBaseRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -41,10 +41,10 @@
import org.richfaces.event.DataScrollerEvent;
import org.richfaces.renderkit.util.AjaxRendererUtils;
-@ResourceDependencies( { @ResourceDependency(library = "javax.faces", name = "jsf-uncompressed.js"),
- @ResourceDependency(name = "jquery.js"), @ResourceDependency(name = "richfaces.js"),
+@ResourceDependencies( {
+ @ResourceDependency(library = "org.richfaces", name = "ajax.reslib"),
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
@ResourceDependency(name = "richfaces-event.js"),
- @ResourceDependency(name = "richfaces-base-component.js"),
@ResourceDependency(library = "org.richfaces", name = "datascroller.js"),
@ResourceDependency(library = "org.richfaces", name = "datascroller.ecss")
Modified: trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataTableRenderer.java
===================================================================
--- trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataTableRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/iteration/ui/src/main/java/org/richfaces/renderkit/DataTableRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -49,9 +49,7 @@
@JsfRenderer(type = "org.richfaces.DataTableRenderer", family = AbstractDataTable.COMPONENT_FAMILY)
@ResourceDependencies({
- @ResourceDependency(name = "jquery.js"),
- @ResourceDependency(name = "richfaces.js"),
- @ResourceDependency(name = "richfaces-base-component.js"),
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
@ResourceDependency(library="org.richfaces", name = "datatable.js"),
@ResourceDependency(library="org.richfaces", name = "datatable.ecss")
})
Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelBaseRenderer.java
===================================================================
--- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelBaseRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelBaseRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -34,7 +34,6 @@
* @author amarkhel
* @since Jun 14, 2010
*/
-//TODO nick - JSF have concept of library, it should be used instead of '/' in resource names
@ResourceDependency(library = "org.richfaces", name = "panel.ecss")
public class PanelBaseRenderer extends RendererBase {
Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PopupPanelBaseRenderer.java
===================================================================
--- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PopupPanelBaseRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
+++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PopupPanelBaseRenderer.java 2010-09-10 00:16:28 UTC (rev 19152)
@@ -5,8 +5,8 @@
import java.util.HashSet;
import java.util.Iterator;
import java.util.Map;
+import java.util.Map.Entry;
import java.util.Set;
-import java.util.Map.Entry;
import javax.faces.FacesException;
import javax.faces.application.ResourceDependencies;
@@ -23,8 +23,8 @@
import org.richfaces.renderkit.util.RendererUtils;
//TODO nick - JSF have concept of library, it should be used instead of '/' in resource names
-@ResourceDependencies( { @ResourceDependency(name = "jquery.js"), @ResourceDependency(name = "richfaces.js"),
- @ResourceDependency(name = "richfaces-base-component.js"),
+@ResourceDependencies( {
+ @ResourceDependency(library = "org.richfaces", name = "base-component.reslib"),
@ResourceDependency(library = "org.richfaces", name = "popupPanel.js"),
@ResourceDependency(library = "org.richfaces", name = "popupPanelBorders.js"),
@ResourceDependency(library = "org.richfaces", name = "popupPanelSizer.js"),
14 years, 3 months
JBoss Rich Faces SVN: r19151 - in trunk/core: impl/src/main/java/org/richfaces/application and 13 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2010-09-09 19:54:09 -0400 (Thu, 09 Sep 2010)
New Revision: 19151
Added:
trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibrary.java
trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibraryFactory.java
trunk/core/impl/src/main/java/org/richfaces/renderkit/html/ResourceLibraryRenderer.java
trunk/core/impl/src/main/java/org/richfaces/resource/ResourceLibraryFactoryImpl.java
trunk/core/impl/src/main/java/org/richfaces/resource/StaticResourceLibrary.java
trunk/core/impl/src/main/resources/META-INF/resource-library.faces-config.xml
trunk/core/impl/src/test/java/org/richfaces/resource/DynamicResourceLibrary.java
trunk/core/impl/src/test/java/org/richfaces/resource/ResourceLibraryTest.java
trunk/core/impl/src/test/java/org/richfaces/view/
trunk/core/impl/src/test/java/org/richfaces/view/facelets/
trunk/core/impl/src/test/java/org/richfaces/view/facelets/AnyComponentHandler.java
trunk/core/impl/src/test/resources/META-INF/richfaces/
trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/
trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/dynamic.library.properties
trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/static.library.properties
trunk/core/impl/src/test/resources/META-INF/test.taglib.xml
trunk/core/impl/src/test/resources/org/richfaces/resource/
trunk/core/impl/src/test/resources/org/richfaces/resource/simple.xhtml
Modified:
trunk/core/api/src/main/java/org/richfaces/resource/ResourceKey.java
trunk/core/impl/src/main/java/org/richfaces/application/DefaultModule.java
trunk/core/impl/src/main/java/org/richfaces/resource/ResourceFactoryImpl.java
trunk/core/impl/src/main/java/org/richfaces/resource/ResourceHandlerImpl.java
trunk/core/impl/src/main/java/org/richfaces/util/PropertiesUtil.java
Log:
Support for resource libraries check in
Modified: trunk/core/api/src/main/java/org/richfaces/resource/ResourceKey.java
===================================================================
--- trunk/core/api/src/main/java/org/richfaces/resource/ResourceKey.java 2010-09-09 20:57:36 UTC (rev 19150)
+++ trunk/core/api/src/main/java/org/richfaces/resource/ResourceKey.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -21,6 +21,7 @@
*/
package org.richfaces.resource;
+import com.google.common.base.Function;
import com.google.common.base.Objects;
/**
@@ -29,6 +30,12 @@
*/
public class ResourceKey {
+ public static final Function<String, ResourceKey> FACTORY = new Function<String, ResourceKey>() {
+ public ResourceKey apply(String from) {
+ return new ResourceKey(from);
+ };
+ };
+
private String resourceName;
private String libraryName;
Added: trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibrary.java
===================================================================
--- trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibrary.java (rev 0)
+++ trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibrary.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,34 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import javax.faces.context.FacesContext;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public interface ResourceLibrary {
+
+ public ResourceKey[] getResources(FacesContext context);
+
+}
Added: trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibraryFactory.java
===================================================================
--- trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibraryFactory.java (rev 0)
+++ trunk/core/api/src/main/java/org/richfaces/resource/ResourceLibraryFactory.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,32 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public interface ResourceLibraryFactory {
+
+ public ResourceLibrary getResourceLibrary(String name, String library);
+
+}
Modified: trunk/core/impl/src/main/java/org/richfaces/application/DefaultModule.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/application/DefaultModule.java 2010-09-09 20:57:36 UTC (rev 19150)
+++ trunk/core/impl/src/main/java/org/richfaces/application/DefaultModule.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -8,6 +8,8 @@
import org.richfaces.renderkit.AjaxDataSerializerImpl;
import org.richfaces.resource.DefaultResourceCodec;
import org.richfaces.resource.ResourceCodec;
+import org.richfaces.resource.ResourceLibraryFactory;
+import org.richfaces.resource.ResourceLibraryFactoryImpl;
import org.richfaces.skin.SkinFactory;
import org.richfaces.skin.SkinFactoryImpl;
@@ -22,6 +24,7 @@
factory.setInstance(Uptime.class, new Uptime());
factory.setInstance(DependencyInjector.class, new DependencyInjectionServiceImpl());
factory.setInstance(MessageFactory.class, new MessageFactoryImpl(new BundleLoader()));
+ factory.setInstance(ResourceLibraryFactory.class, new ResourceLibraryFactoryImpl());
}
}
Added: trunk/core/impl/src/main/java/org/richfaces/renderkit/html/ResourceLibraryRenderer.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/renderkit/html/ResourceLibraryRenderer.java (rev 0)
+++ trunk/core/impl/src/main/java/org/richfaces/renderkit/html/ResourceLibraryRenderer.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,114 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.renderkit.html;
+
+import java.io.IOException;
+import java.util.Map;
+
+import javax.faces.application.Application;
+import javax.faces.component.UIComponent;
+import javax.faces.component.UIOutput;
+import javax.faces.context.FacesContext;
+import javax.faces.render.Renderer;
+
+import org.richfaces.application.ServiceTracker;
+import org.richfaces.log.Logger;
+import org.richfaces.log.RichfacesLogger;
+import org.richfaces.resource.ResourceKey;
+import org.richfaces.resource.ResourceLibrary;
+import org.richfaces.resource.ResourceLibraryFactory;
+
+import com.google.common.base.Joiner;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class ResourceLibraryRenderer extends Renderer {
+
+ public static final String RENDERER_TYPE = "org.richfaces.renderkit.ResourceLibraryRenderer";
+
+ public static final String RESOURCE_LIBRARY_EXTENSION = ".reslib";
+
+ private static final Logger LOGGER = RichfacesLogger.RENDERKIT.getLogger();
+
+ private static final Joiner COLON_JOINER = Joiner.on(':').skipNulls();
+
+ public ResourceLibraryRenderer() {
+ super();
+ }
+
+ private void setupResourceAttributes(UIComponent component, ResourceKey resourceKey) {
+ Map<String, Object> attributes = component.getAttributes();
+
+ attributes.put("name", resourceKey.getResourceName());
+
+ String libraryName = resourceKey.getLibraryName();
+ if (libraryName != null) {
+ attributes.put("library", libraryName);
+ } else {
+ attributes.remove("library");
+ }
+ }
+
+ @Override
+ public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
+ Map<String, Object> attributes = component.getAttributes();
+
+ String name = (String) attributes.get("name");
+
+ if (!name.endsWith(RESOURCE_LIBRARY_EXTENSION)) {
+ throw new IllegalArgumentException("Resource library name: " + name + " is incorrect");
+ }
+
+ name = name.substring(0, name.length() - RESOURCE_LIBRARY_EXTENSION.length());
+
+ String library = (String) attributes.get("library");
+
+ ResourceLibraryFactory factory = ServiceTracker.getService(ResourceLibraryFactory.class);
+ ResourceLibrary resourceLibrary = factory.getResourceLibrary(name, library);
+
+ if (resourceLibrary == null) {
+ LOGGER.error("Resource library is null: " + COLON_JOINER.join(library, name));
+ return;
+ }
+
+ Application application = context.getApplication();
+ UIComponent resourceComponent = null;
+
+ for (ResourceKey resourceKey: resourceLibrary.getResources(context)) {
+ String rendererType = application.getResourceHandler().getRendererTypeForResourceName(resourceKey.getResourceName());
+
+ if (resourceComponent == null) {
+ resourceComponent = application.createComponent(UIOutput.COMPONENT_TYPE);
+ resourceComponent.setTransient(true);
+ component.getChildren().add(resourceComponent);
+ }
+
+ resourceComponent.setRendererType(rendererType);
+ setupResourceAttributes(resourceComponent, resourceKey);
+
+ resourceComponent.encodeAll(context);
+ }
+ }
+
+}
Modified: trunk/core/impl/src/main/java/org/richfaces/resource/ResourceFactoryImpl.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/resource/ResourceFactoryImpl.java 2010-09-09 20:57:36 UTC (rev 19150)
+++ trunk/core/impl/src/main/java/org/richfaces/resource/ResourceFactoryImpl.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -27,7 +27,6 @@
import java.util.Collections;
import java.util.Map;
import java.util.Map.Entry;
-import java.util.Properties;
import javax.faces.application.ProjectStage;
import javax.faces.application.Resource;
@@ -179,9 +178,7 @@
private <V> Map<ResourceKey, V> readMappings(Function<Entry<String, String>, V> producer, String mappingFileName) {
Map<ResourceKey, V> result = Maps.newHashMap();
- Properties properties = new Properties();
- PropertiesUtil.loadProperties(properties, mappingFileName);
- for (Entry<String, String> entry : Maps.fromProperties(properties).entrySet()) {
+ for (Entry<String, String> entry : PropertiesUtil.loadProperties(mappingFileName).entrySet()) {
result.put(new ResourceKey(entry.getKey()), producer.apply(entry));
}
Modified: trunk/core/impl/src/main/java/org/richfaces/resource/ResourceHandlerImpl.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/resource/ResourceHandlerImpl.java 2010-09-09 20:57:36 UTC (rev 19150)
+++ trunk/core/impl/src/main/java/org/richfaces/resource/ResourceHandlerImpl.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -42,6 +42,7 @@
import org.richfaces.cache.Cache;
import org.richfaces.log.Logger;
import org.richfaces.log.RichfacesLogger;
+import org.richfaces.renderkit.html.ResourceLibraryRenderer;
import org.richfaces.util.RequestStateManager.BooleanRequestStateVariable;
import org.richfaces.util.Util;
@@ -291,6 +292,10 @@
return "javax.faces.resource.Stylesheet";
}
+ if (resourceName.endsWith(ResourceLibraryRenderer.RESOURCE_LIBRARY_EXTENSION)) {
+ return ResourceLibraryRenderer.RENDERER_TYPE;
+ }
+
return defaultHandler.getRendererTypeForResourceName(resourceName);
}
Added: trunk/core/impl/src/main/java/org/richfaces/resource/ResourceLibraryFactoryImpl.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/resource/ResourceLibraryFactoryImpl.java (rev 0)
+++ trunk/core/impl/src/main/java/org/richfaces/resource/ResourceLibraryFactoryImpl.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,84 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import java.util.Map;
+
+import org.richfaces.log.Logger;
+import org.richfaces.log.RichfacesLogger;
+import org.richfaces.util.PropertiesUtil;
+
+import com.google.common.base.Function;
+import com.google.common.base.Joiner;
+import com.google.common.base.Splitter;
+import com.google.common.collect.Iterables;
+import com.google.common.collect.MapMaker;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class ResourceLibraryFactoryImpl implements ResourceLibraryFactory {
+
+ private static final Logger LOGGER = RichfacesLogger.RESOURCE.getLogger();
+
+ private static final Joiner SLASH_JOINER = Joiner.on('/').skipNulls();
+
+ private static final Splitter COMA_SPLITTER = Splitter.on(',').omitEmptyStrings().trimResults();
+
+ private Map<ResourceKey, ResourceLibrary> instances = new MapMaker().makeComputingMap(new Function<ResourceKey, ResourceLibrary>() {
+
+ public ResourceLibrary apply(ResourceKey from) {
+ String propsResourceName = from.getResourceName() + ".library.properties";
+
+ Map<String, String> props = PropertiesUtil.loadProperties("META-INF/richfaces/" + SLASH_JOINER.join(from.getLibraryName(), propsResourceName));
+
+ String libraryClass = props.get("class");
+ String resources = props.get("resources");
+
+ if (libraryClass != null) {
+ try {
+ Class<?> clazz = Class.forName(libraryClass.trim(), false, Thread.currentThread().getContextClassLoader());
+ return (ResourceLibrary) clazz.newInstance();
+ } catch (ClassNotFoundException e) {
+ LOGGER.error(e.getMessage(), e);
+ } catch (InstantiationException e) {
+ LOGGER.error(e.getMessage(), e);
+ } catch (IllegalAccessException e) {
+ LOGGER.error(e.getMessage(), e);
+ }
+ } else if (resources != null) {
+ Iterable<ResourceKey> keys = Iterables.transform(COMA_SPLITTER.split(resources), ResourceKey.FACTORY);
+ return new StaticResourceLibrary(Iterables.toArray(keys, ResourceKey.class));
+ } else {
+ LOGGER.error("'class' or 'resources' properties should be declared in library descriptor: " + from);
+ }
+
+ return null;
+ }
+ });
+
+ public ResourceLibrary getResourceLibrary(String name, String library) {
+ return instances.get(new ResourceKey(name, library));
+ }
+
+}
Added: trunk/core/impl/src/main/java/org/richfaces/resource/StaticResourceLibrary.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/resource/StaticResourceLibrary.java (rev 0)
+++ trunk/core/impl/src/main/java/org/richfaces/resource/StaticResourceLibrary.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,43 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import javax.faces.context.FacesContext;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+class StaticResourceLibrary implements ResourceLibrary {
+
+ private ResourceKey[] keys;
+
+ public StaticResourceLibrary(ResourceKey[] keys) {
+ super();
+ this.keys = keys;
+ }
+
+ public ResourceKey[] getResources(FacesContext context) {
+ return keys;
+ }
+
+}
Modified: trunk/core/impl/src/main/java/org/richfaces/util/PropertiesUtil.java
===================================================================
--- trunk/core/impl/src/main/java/org/richfaces/util/PropertiesUtil.java 2010-09-09 20:57:36 UTC (rev 19150)
+++ trunk/core/impl/src/main/java/org/richfaces/util/PropertiesUtil.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -26,12 +26,15 @@
import java.net.URL;
import java.text.MessageFormat;
import java.util.Enumeration;
+import java.util.Map;
import java.util.Properties;
import org.ajax4jsf.resource.util.URLToStreamHelper;
import org.richfaces.log.Logger;
import org.richfaces.log.RichfacesLogger;
+import com.google.common.collect.Maps;
+
/**
* @author Nick Belaevski
*
@@ -87,4 +90,11 @@
return loaded;
}
+
+ public static Map<String, String> loadProperties(String location) {
+ Properties props = new Properties();
+ loadProperties(props, location);
+ return Maps.fromProperties(props);
+ }
+
}
Added: trunk/core/impl/src/main/resources/META-INF/resource-library.faces-config.xml
===================================================================
--- trunk/core/impl/src/main/resources/META-INF/resource-library.faces-config.xml (rev 0)
+++ trunk/core/impl/src/main/resources/META-INF/resource-library.faces-config.xml 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
+ version="2.0">
+ <name>richfaces</name>
+
+ <render-kit>
+ <renderer>
+ <component-family>javax.faces.Output</component-family>
+ <renderer-type>org.richfaces.renderkit.ResourceLibraryRenderer</renderer-type>
+ <renderer-class>org.richfaces.renderkit.html.ResourceLibraryRenderer</renderer-class>
+ </renderer>
+ </render-kit>
+
+</faces-config>
Added: trunk/core/impl/src/test/java/org/richfaces/resource/DynamicResourceLibrary.java
===================================================================
--- trunk/core/impl/src/test/java/org/richfaces/resource/DynamicResourceLibrary.java (rev 0)
+++ trunk/core/impl/src/test/java/org/richfaces/resource/DynamicResourceLibrary.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,40 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import javax.faces.context.FacesContext;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class DynamicResourceLibrary implements ResourceLibrary {
+
+ private ResourceKey[] keys = new ResourceKey[] {
+ new ResourceKey("skinning_classes.ecss"), new ResourceKey("jquery.js", null)
+ };
+
+ public ResourceKey[] getResources(FacesContext context) {
+ return keys;
+ }
+
+}
Added: trunk/core/impl/src/test/java/org/richfaces/resource/ResourceLibraryTest.java
===================================================================
--- trunk/core/impl/src/test/java/org/richfaces/resource/ResourceLibraryTest.java (rev 0)
+++ trunk/core/impl/src/test/java/org/richfaces/resource/ResourceLibraryTest.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,143 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.resource;
+
+import static org.junit.Assert.assertFalse;
+import static org.junit.Assert.assertTrue;
+
+import java.util.Iterator;
+
+import javax.faces.application.ResourceDependency;
+import javax.faces.component.UIComponentBase;
+
+import org.jboss.test.faces.htmlunit.HtmlUnitEnvironment;
+import org.junit.After;
+import org.junit.Before;
+import org.junit.Test;
+import org.w3c.dom.Element;
+
+import com.gargoylesoftware.htmlunit.html.HtmlLink;
+import com.gargoylesoftware.htmlunit.html.HtmlPage;
+import com.gargoylesoftware.htmlunit.html.HtmlScript;
+
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class ResourceLibraryTest {
+
+ @ResourceDependency(library = "org.richfaces", name = "static.reslib")
+ public static class StaticLibraryComponent extends UIComponentBase {
+
+ @Override
+ public String getFamily() {
+ return null;
+ }
+
+ }
+
+ @ResourceDependency(library = "org.richfaces", name = "dynamic.reslib")
+ public static class DynamicLibraryComponent extends UIComponentBase {
+
+ @Override
+ public String getFamily() {
+ return null;
+ }
+
+ }
+
+ private String nextUri(Iterator<?> itr) {
+ assertTrue(itr.hasNext());
+
+ Element elt = (Element) itr.next();
+
+ if (elt instanceof HtmlScript) {
+ return ((HtmlScript) elt).getSrcAttribute();
+ } else if (elt instanceof HtmlLink) {
+ return ((HtmlLink) elt).getHrefAttribute();
+ }
+
+ throw new UnsupportedOperationException(elt.toString());
+ }
+
+ private HtmlUnitEnvironment environment;
+
+ @Before
+ public void setUp() throws Exception {
+ environment = new HtmlUnitEnvironment();
+ environment.getServer().addInitParameter("org.richfaces.enableControlSkinning", "false");
+
+ environment.withResource("/index.xhtml", "org/richfaces/resource/simple.xhtml");
+ environment.start();
+ }
+
+ @After
+ public void tearDown() throws Exception {
+ environment.release();
+ environment = null;
+ }
+
+ @Test
+ public void testStaticLibrary() throws Exception {
+ environment.getApplication().addComponent("testComponent", StaticLibraryComponent.class.getName());
+
+ HtmlPage page = environment.getPage("/index.jsf");
+ Iterator<?> itr = page.getByXPath("//head/link | //head/script").iterator();
+
+ String uri;
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("jsf.js"));
+ assertTrue(uri.contains("javax.faces"));
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("jquery.js"));
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("richfaces.js"));
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("skinning_both.ecss"));
+
+ assertFalse(itr.hasNext());
+ }
+
+ @Test
+ public void testDynamicLibrary() throws Exception {
+ environment.getApplication().addComponent("testComponent", DynamicLibraryComponent.class.getName());
+
+ HtmlPage page = environment.getPage("/index.jsf");
+ Iterator<?> itr = page.getByXPath("//head/link | //head/script").iterator();
+
+ String uri;
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("skinning_classes.ecss"));
+
+ uri = nextUri(itr);
+ assertTrue(uri.contains("jquery.js"));
+
+ assertFalse(itr.hasNext());
+ }
+}
+
Added: trunk/core/impl/src/test/java/org/richfaces/view/facelets/AnyComponentHandler.java
===================================================================
--- trunk/core/impl/src/test/java/org/richfaces/view/facelets/AnyComponentHandler.java (rev 0)
+++ trunk/core/impl/src/test/java/org/richfaces/view/facelets/AnyComponentHandler.java 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,91 @@
+/*
+ * JBoss, Home of Professional Open Source
+ * Copyright 2010, Red Hat, Inc. and individual contributors
+ * by the @authors tag. See the copyright.txt in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+package org.richfaces.view.facelets;
+
+import javax.faces.view.facelets.ComponentConfig;
+import javax.faces.view.facelets.ComponentHandler;
+import javax.faces.view.facelets.FaceletHandler;
+import javax.faces.view.facelets.Tag;
+import javax.faces.view.facelets.TagAttribute;
+import javax.faces.view.facelets.TagAttributes;
+
+/**
+ * @author Nick Belaevski
+ *
+ */
+public class AnyComponentHandler extends ComponentHandler {
+
+ private static class ComponentConfigWrapper implements ComponentConfig {
+
+ private String componentType;
+
+ private String rendererType;
+
+ private ComponentConfig config;
+
+ public ComponentConfigWrapper(String componentType, String rendererType, ComponentConfig config) {
+ super();
+ this.componentType = componentType;
+ this.rendererType = rendererType;
+ this.config = config;
+ }
+
+ public Tag getTag() {
+ return config.getTag();
+ }
+
+ public String getComponentType() {
+ return componentType;
+ }
+
+ public FaceletHandler getNextHandler() {
+ return config.getNextHandler();
+ }
+
+ public String getRendererType() {
+ return rendererType;
+ }
+
+ public String getTagId() {
+ return config.getTagId();
+ }
+
+ }
+
+ public AnyComponentHandler(ComponentConfig config) {
+ super(wrapConfig(config));
+ }
+
+ private static ComponentConfig wrapConfig(ComponentConfig config) {
+ TagAttributes attributes = config.getTag().getAttributes();
+
+ TagAttribute rendererType = attributes.get("rendererType");
+ TagAttribute componentType = attributes.get("componentType");
+
+ return new ComponentConfigWrapper(getLiteralAttributeValue(componentType),
+ getLiteralAttributeValue(rendererType), config);
+ }
+
+ private static String getLiteralAttributeValue(TagAttribute attr) {
+ return attr != null ? attr.getValue() : null;
+ }
+}
Added: trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/dynamic.library.properties
===================================================================
--- trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/dynamic.library.properties (rev 0)
+++ trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/dynamic.library.properties 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1 @@
+class=org.richfaces.resource.DynamicResourceLibrary
\ No newline at end of file
Added: trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/static.library.properties
===================================================================
--- trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/static.library.properties (rev 0)
+++ trunk/core/impl/src/test/resources/META-INF/richfaces/org.richfaces/static.library.properties 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1 @@
+resources=javax.faces:jsf.js, jquery.js, richfaces.js, skinning_both.ecss
\ No newline at end of file
Added: trunk/core/impl/src/test/resources/META-INF/test.taglib.xml
===================================================================
--- trunk/core/impl/src/test/resources/META-INF/test.taglib.xml (rev 0)
+++ trunk/core/impl/src/test/resources/META-INF/test.taglib.xml 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<facelet-taglib xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facelettaglibrary_2_0.xsd" version="2.0" id="a4j">
+ <namespace>http://richfaces.org/testing</namespace>
+
+ <tag>
+ <tag-name>anyComponent</tag-name>
+ <component>
+ <!-- component-type is not used and taken from tag attributes -->
+ <component-type>dummyComponent</component-type>
+ <handler-class>org.richfaces.view.facelets.AnyComponentHandler</handler-class>
+ </component>
+ </tag>
+</facelet-taglib>
Added: trunk/core/impl/src/test/resources/org/richfaces/resource/simple.xhtml
===================================================================
--- trunk/core/impl/src/test/resources/org/richfaces/resource/simple.xhtml (rev 0)
+++ trunk/core/impl/src/test/resources/org/richfaces/resource/simple.xhtml 2010-09-09 23:54:09 UTC (rev 19151)
@@ -0,0 +1,12 @@
+<!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"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:testing="http://richfaces.org/testing">
+<h:head>
+</h:head>
+<h:body>
+ <testing:anyComponent componentType="testComponent" />
+</h:body>
+</html>
\ No newline at end of file
14 years, 3 months
JBoss Rich Faces SVN: r19150 - in trunk: cdk/maven-resources-plugin and 7 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: alexsmirnov
Date: 2010-09-09 16:57:36 -0400 (Thu, 09 Sep 2010)
New Revision: 19150
Added:
trunk/.svnignore
Modified:
trunk/cdk/maven-resources-plugin/
trunk/examples/input-demo/
trunk/ui/common/
trunk/ui/common/api/
trunk/ui/common/ui/
trunk/ui/core/api/
trunk/ui/input/api/
trunk/ui/input/ui/
Log:
remove working files from version control
Added: trunk/.svnignore
===================================================================
--- trunk/.svnignore (rev 0)
+++ trunk/.svnignore 2010-09-09 20:57:36 UTC (rev 19150)
@@ -0,0 +1,8 @@
+target
+.settings
+.project
+.classpath
+.clover
+.externalToolBuilders
+
+
Property changes on: trunk/cdk/maven-resources-plugin
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/examples/input-demo
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/common
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/common/api
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/common/ui
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/core/api
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/input/api
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
Property changes on: trunk/ui/input/ui
___________________________________________________________________
Name: svn:ignore
+ target
.settings
.project
.classpath
.clover
.externalToolBuilders
14 years, 3 months
JBoss Rich Faces SVN: r19149 - management/design-4x/TabPanel.
by richfaces-svn-commits@lists.jboss.org
Author: admitriev
Date: 2010-09-09 12:33:34 -0400 (Thu, 09 Sep 2010)
New Revision: 19149
Added:
management/design-4x/TabPanel/new_tabs.html
management/design-4x/TabPanel/new_tabs_bottom.html
management/design-4x/TabPanel/new_tabs_multiline.html
management/design-4x/TabPanel/new_tabs_multiline_bottom.html
management/design-4x/TabPanel/new_tabs_vert.html
Removed:
management/design-4x/TabPanel/tab_bg.gif
management/design-4x/TabPanel/tab_bottom_bg.gif
management/design-4x/TabPanel/tabline_bg.gif
management/design-4x/TabPanel/tabs.html
management/design-4x/TabPanel/tabs_bottom.html
management/design-4x/TabPanel/tabs_div.html
management/design-4x/TabPanel/tabs_div_multiline.html
management/design-4x/TabPanel/tabs_multiline.html
management/design-4x/TabPanel/tabs_multiline_bottom.html
management/design-4x/TabPanel/tabs_table.html
management/design-4x/TabPanel/tabs_table_bottom.html
management/design-4x/TabPanel/tabs_table_multiline.html
management/design-4x/TabPanel/tabs_table_multiline_bottom.html
management/design-4x/TabPanel/tabs_vert.html
Modified:
management/design-4x/TabPanel/rftp_styles.css
Log:
Added: management/design-4x/TabPanel/new_tabs.html
===================================================================
--- management/design-4x/TabPanel/new_tabs.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,888 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_toptab { cursor : pointer; border : 1px solid #A6A6A6; padding : 0px 0px 3px 0px; vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+.rftp_active_top { cursor : default; border-bottom : 1px solid #C9DBEF; font-weight : bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
+.rftp_active2_top { cursor : default; border-bottom : 1px solid #FFFFFF; font-weight : bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
+
+.rftp_toptab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; overflow : hidden; white-space : nowrap; position : relative;}
+.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden; white-space : nowrap; position : relative;}
+
+.rftp_toptab_tabs {border-collapse : collapse; border : 0px; height : 100%;}
+.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
+.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 4px 0px 0px 5px; vertical-align : top;}
+.rftp_close {margin : 4px 5px 0px 10px; vertical-align : top;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding : 5px 0px 2px 0px;}
+
+.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; left : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
+.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 17px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
+.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 2px;}
+
+.rftp_toptab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px; background : #C9DBEF;}
+.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<h1>Variant 1</h1>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer " style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 15px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width : 50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 2</h1>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width : 50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 3</h1>
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width : 50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width : 100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<br><br><br>
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_bottom.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_bottom.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,475 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_bottomtab { cursor : pointer; border : 1px solid #A6A6A6; padding : 3px 0px 3px 0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+.rftp_active_bottom { cursor : default; border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
+.rftp_active2_bottom { cursor : default; border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
+
+.rftp_bottomtab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; overflow : hidden; white-space : nowrap; position : relative;}
+.rftp_bottomtab_tabline_dis {border-top : 0px; padding-bottom : 2px; overflow : hidden; white-space : nowrap; position : relative;}
+.rftp_bottomtab_tabs {border-collapse : collapse; border : 0px; height : 100%;}
+.rftp_bottomtab_spacer {border-top : 1px solid #A6A6A6;}
+.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 2px 0px 0px 5px; vertical-align : top;}
+.rftp_close {margin : 2px 5px 0px 10px; vertical-align : top;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding : 3px 0px 2px 0px;}
+
+.rftp_bottomtab_scroll_left {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; left : 1px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
+.rftp_bottomtab_scroll_right {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; right : 17px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
+.rftp_bottomtab_tabslist {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; right : 1px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 2px;}
+
+.rftp_bottomtab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px; background : #C9DBEF;}
+.rftp_bottomtab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<h1>Variant 1</h1>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_vis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width : 100%;">
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_vis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left : 15px;">
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+</div>
+
+
+<br><br><br>
+
+
+
+<h1>Variant 2</h1>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr style="display : table-row;">
+ <td class="rftp_bottomtab_spacer " style="padding-left : 15px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 3</h1>
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active2_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left : 5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active2_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+</div>
+
+
+<br>
+
+
+<br><br><br>
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_multiline.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_multiline.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_multiline.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,533 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_multitab { cursor : pointer; border : 1px solid #A6A6A6; padding : 0px 0px 3px 0px; vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+
+.rftp_multitab_bottomline {border-top : 0px;}
+
+.rftp_active_multi { cursor : default; border-bottom : 1px solid #C9DBEF; font-weight : bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
+.rftp_active2_multi { cursor : default; border-bottom : 1px solid #FFFFFF; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
+
+.rftp_multitab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; white-space : nowrap; position : relative;}
+.rftp_multitab_tabline_dis {border-bottom : 0px; padding-top : 0px; white-space : nowrap; position : relative;}
+.rftp_multitab_tabs {border-collapse : collapse; border : 0px; width : 100%; height : 100%;}
+.rftp_multitab_spacer {border-bottom : 1px solid #A6A6A6;}
+.rftp_multitab_spacer_dis{border-bottom : 0px;}
+.rftp_multitab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 6px 0px 0px 5px; vertical-align : top; float : left;}
+.rftp_close {margin : 4px 5px 0px 10px; vertical-align : top; float : right;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding : 7px 0px 4px 5px; float : left;}
+
+.rftp_multitab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px; background : #C9DBEF;}
+.rftp_multitab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<br><br>
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_vis">
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer" style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active_multi rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border">
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_dis">
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+
+ <td class="rftp_multitab_spacer rftp_multitab_spacer_dis" style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 5
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 6
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 7
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 8
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 9
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width rftp_multitab_spacer_dis">
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr style="display : table-row;">
+ <td class="rftp_multitab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active_multi rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 1
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 2
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 3
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 4
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border">
+ <br>
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_dis">
+
+ <table class="rftp_multitab_tabs">
+ <tr style="display : table-row;">
+
+ <td class="rftp_multitab_spacer rftp_multitab_spacer_dis" style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 5
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 6
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 7
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 8
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 9
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width rftp_multitab_spacer_dis">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active2_multi rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 1
+ </div>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 2
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 3
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 4
+ </div>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_multiline_bottom.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_multiline_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,542 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_multi_bottab { cursor : pointer; border : 1px solid #A6A6A6; padding : 3px 0px 3px 0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+
+.rftp_multi_bottab_topline {border-bottom : 0px;}
+
+.rftp_active_multi_bot { cursor : default; border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
+.rftp_active2_multi_bot { cursor : default; border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
+
+.rftp_multi_bottab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; white-space : nowrap; position : relative;}
+.rftp_multi_bottab_tabline_dis {border-top : 0px; padding-bottom : 2px; white-space : nowrap; position : relative;}
+.rftp_multi_bottab_tabs {border-collapse : collapse;border : 0px; width : 100%; height : 100%;}
+.rftp_multi_bottab_spacer {border-top : 1px solid #A6A6A6;}
+.rftp_multi_bottab_spacer_dis{border-top : 0px;}
+.rftp_multi_bottab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 2px 0px 0px 5px; vertical-align : top; float : left;}
+.rftp_close {margin : 2px 5px 0px 10px; vertical-align : top; float : right;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding : 3px 0px 2px 5px; float : left;}
+
+.rftp_multi_bottab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px; background : #C9DBEF;}
+.rftp_multi_bottab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<br><br>
+
+<div style="width : 100%;">
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_vis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+<div style="width : 100%;">
+
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_dis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width ">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+
+ <td class="rftp_multi_bottab_spacer" style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+
+</div>
+
+
+<br><br>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_dis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+
+ <td class="rftp_multi_bottab_spacer" style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16" class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16" class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_vert.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_vert.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_vert.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,187 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title><link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
+</head>
+
+<body>
+
+
+
+<h1>Vertical tabs</h1>
+
+
+<Table cellpadding="0" cellspacing="0" border="0" style="height : 200px; width : 800px">
+ <tr>
+ <td valign="top" style="position : relative">
+ <div class="rftp_lefttab rftp_lefttab_active" style=" position : relative;">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+
+
+ </td>
+ <td class="rftp_lefttab_border">
+ <br>
+ </td>
+ <td class="rftp_lefttab_content">
+ Content will be here.
+ </td>
+ </tr>
+</table>
+
+
+<br><br><br>
+
+<Table cellpadding="0" cellspacing="0" border="0" style="height : 200px; width : 800px">
+ <tr>
+ <td class="rftp_righttab_content">
+ Content will be here.
+ </td>
+ <td class="rftp_righttab_border">
+ <br>
+ </td>
+ <td valign="top" style="position : relative">
+ <div class="rftp_righttab rftp_righttab_active" style=" position : relative;">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16" height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+
+
+ </td>
+ </tr>
+</table>
+
+
+
+</body>
+</html>
Modified: management/design-4x/TabPanel/rftp_styles.css
===================================================================
--- management/design-4x/TabPanel/rftp_styles.css 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/rftp_styles.css 2010-09-09 16:33:34 UTC (rev 19149)
@@ -27,6 +27,7 @@
.rftp_icon {position : absolute; top : 4px; left : 4px}
.rftp_close {position : absolute; top : 4px; right : 4px}
.rftp_label {white-space : nowrap; font-family : verdana /*generalFamilyFont*/; font-size : 11px /*generalSizeFont*/;}
+
.rftp_label_container {position : relative; padding : 5px 37px 0px 22px;}
.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF /*additionalBackgroundColor*/; position : absolute; top : 1px; left : 1px; width : 15px; height : 25px; border : 1px solid #A6A6A6 /*panelBorderColor*/; font-weight : bold; text-align : center; font-family : verdana /*generalFamilyFont*/; font-size : 11px /*generalSizeFont*/; padding-top : 6px;}
Deleted: management/design-4x/TabPanel/tab_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tab_bottom_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tabline_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tabs.html
===================================================================
--- management/design-4x/TabPanel/tabs.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,983 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {display : table-cell; border : 1px solid #A6A6A6; padding : 0px 0px 3px 0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-.rftp_active_top {border-bottom : 0px; font-weight : bold; padding : 3px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; padding : 3px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {display : table-cell; border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana; font-size : 11px;}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; left : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 17px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 2px;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px; background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<h1>Variant 1</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width : 50%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px; width : 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width : 100%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 2</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width : 50%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px; width : 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width : 100%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 3</h1>
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px; width : 50%">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width : 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px; width : 100%">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<br><br><br>
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_bottom.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,525 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_bottomtab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px 3px 0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-.rftp_active_bottom {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
-.rftp_active2_bottom {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
-
-.rftp_bottomtab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_bottomtab_tabline_dis {border-top : 0px; padding-bottom : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_bottomtab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_bottomtab_spacer {display : table-cell; border-top : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana; font-size : 11px;}
-
-.rftp_bottomtab_scroll_left {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; left : 1px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
-.rftp_bottomtab_scroll_right {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; right : 17px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;}
-.rftp_bottomtab_tabslist {background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF; position : absolute; bottom : 1px; right : 1px; width : 15px; height : 25px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 2px;}
-
-.rftp_bottomtab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px; background : #C9DBEF;}
-.rftp_bottomtab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<h1>Variant 1</h1>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 5px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 15px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-<br><br><br>
-
-
-
-<h1>Variant 2</h1>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 5px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 15px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 3</h1>
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border rftp_hidden">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active2_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border rftp_hidden">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left : 5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active2_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-<br>
-
-
-<br><br><br>
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_div.html
===================================================================
--- management/design-4x/TabPanel/tabs_div.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_div.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,453 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {border : 1px solid #A6A6A6; vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5; float : left; height : 25px; position : relative; padding : 0px 37px 0px 22px; margin-left : 1px;}
-.rftp_active_top {padding-bottom : 10px; font-weight : bold; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF; border-bottom : #C9DBEF}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {height : 25px; border : 1px solid #A6A6A6; border-bottom : 0px; background :url(tabline_bg.gif) top repeat-x #EEF4FB; padding : 2px 0px 5px 0px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {position : absolute; top : 4px; left : 4px}
-.rftp_close {position : absolute; top : 4px; right : 4px}
-.rftp_label {white-space : nowrap; font-family : verdana; font-size : 11px;}
-.rftp_label_container {margin-top : 5px}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; left : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 17px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 0px; overflow : hidden;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-left : 0px; border-right : 0px; height : 2px; background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-
-
-<h1>Top Tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_border" style="position : absolute; bottom : 0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap; height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left : 5px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis" style="padding-right : 10px">
- <div class="rftp_toptab_border" style="position : absolute; bottom : 0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap; height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left : 15px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_div_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_div_multiline.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_div_multiline.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,453 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {border : 1px solid #A6A6A6; vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5; float : left; height : 25px; position : relative; padding : 0px 37px 0px 22px; margin-left : 1px;}
-.rftp_active_top {padding-bottom : 10px; font-weight : bold; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF; border-bottom : #C9DBEF}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {height : 25px; border : 1px solid #A6A6A6; border-bottom : 0px; background :url(tabline_bg.gif) top repeat-x #EEF4FB; padding : 2px 0px 5px 0px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden; height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {position : absolute; top : 4px; left : 4px}
-.rftp_close {position : absolute; top : 4px; right : 4px}
-.rftp_label {white-space : nowrap; font-family : verdana; font-size : 11px;}
-.rftp_label_container {margin-top : 5px}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; left : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 17px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 0px; overflow : hidden;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-left : 0px; border-right : 0px; height : 2px; background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-
-
-<h1>Top Tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_border" style="position : absolute; bottom : 0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap; height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left : 5px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis" style="padding-right : 10px">
- <div class="rftp_toptab_border" style="position : absolute; bottom : 0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap; height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left : 15px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_multiline.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_multiline.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,661 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_multitab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px 3px 0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-
-.rftp_multitab_bottomline {border-top : 0px;}
-
-.rftp_active_multi {border-bottom : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
-.rftp_active2_multi {border-bottom : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_multitab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; white-space : nowrap; position : relative;}
-.rftp_multitab_tabline_dis {border-bottom : 0px; padding-top : 2px; white-space : nowrap; position : relative;}
-.rftp_multitab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_multitab_spacer {display : table-cell; border-bottom : 1px solid #A6A6A6;}
-.rftp_multitab_spacer_dis{border-bottom : 0px;}
-.rftp_multitab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana; font-size : 11px; white-space : nowrap; width : 100%;}
-
-.rftp_multitab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px; background : #C9DBEF;}
-.rftp_multitab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<br><br>
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_vis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab rftp_active_multi rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_dis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multitab_spacer rftp_multitab_spacer_dis" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width rftp_multitab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab rftp_active_multi rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_dis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multitab_spacer rftp_multitab_spacer_dis" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width rftp_multitab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab rftp_active2_multi rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border rftp_hidden">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_multiline_bottom.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_multiline_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,671 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_multi_bottab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px 3px 0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-
-.rftp_multi_bottab_bottomline {border-bottom : 0px;}
-
-.rftp_active_multi_bot {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
-.rftp_active2_multi_bot {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
-
-.rftp_multi_bottab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; white-space : nowrap; position : relative;}
-.rftp_multi_bottab_tabline_dis {border-top : 0px; padding-bottom : 2px; white-space : nowrap; position : relative;}
-.rftp_multi_bottab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_multi_bottab_spacer {display : table-cell; border-top : 1px solid #A6A6A6;}
-.rftp_multi_bottab_spacer_dis{border-top : 0px;}
-.rftp_multi_bottab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana; font-size : 11px; white-space : nowrap; width : 100%;}
-
-.rftp_multi_bottab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px; background : #C9DBEF;}
-.rftp_multi_bottab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<br><br>
-
-<div style="width : 100%;">
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border">
- </div>
-
- <div class="rftp_multi_bottab_tabline_vis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active_multi_bot rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-<div style="width : 100%;">
-
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border">
- </div>
-
- <div class="rftp_multi_bottab_tabline_dis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active_multi_bot rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_spacer_dis" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width rftp_multi_bottab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-
-</div>
-
-
-<br><br>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border rftp_hidden">
- </div>
-
- <div class="rftp_multi_bottab_tabline_dis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active2_multi_bot rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_spacer_dis" style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width rftp_multi_bottab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table.html
===================================================================
--- management/design-4x/TabPanel/tabs_table.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_table.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,163 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-<h1>Top tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <table class="rftp_toptab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <table class="rftp_toptab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left : 15px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab_spacer" style="padding-right : 5px; width : 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_bottom.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_table_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,162 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-<h1>Top tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <table class="rftp_bottomtab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width : 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <table class="rftp_bottomtab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left : 15px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab_spacer" style="padding-right : 15px; width : 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_multiline.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_table_multiline.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,188 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Mutlitabs TabPanel</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_topmultitab_tabline_vis">
- <table class="rftp_topmultitab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_topmultitab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_topmultitab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_topmultitab_spacer rftp_horizonttab_tabspacer_width" style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- <table class="rftp_topmultitab_tabs " cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width" style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- </div>
-
-
- <div class="rftp_topmultitab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_multiline_bottom.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_table_multiline_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,189 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Mutlitabs TabPanel</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottommultitab_border">
- </div>
-
- <div class="rftp_bottommultitab_tabline_vis">
- <table class="rftp_bottommultitab_tabs " cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width" style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- <table class="rftp_bottommultitab_tabs" cellpadding="0" cellspacing="0">
- <tr>
- <td class="rftp_bottommultitab_spacer" style="padding-left : 5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottommultitab_spacer rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottommultitab_spacer rftp_horizonttab_tabspacer_width" style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
-
- </div>
-
-
-</div>
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_vert.html
===================================================================
--- management/design-4x/TabPanel/tabs_vert.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_vert.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,187 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title><link rel="STYLESHEET" type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Vertical tabs</h1>
-
-
-<Table cellpadding="0" cellspacing="0" border="0" style="height : 200px; width : 800px">
- <tr>
- <td valign="top" style="position : relative">
- <div class="rftp_lefttab rftp_lefttab_active" style=" position : relative;">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
-
-
- </td>
- <td class="rftp_lefttab_border">
- <br>
- </td>
- <td class="rftp_lefttab_content">
- Content will be here.
- </td>
- </tr>
-</table>
-
-
-<br><br><br>
-
-<Table cellpadding="0" cellspacing="0" border="0" style="height : 200px; width : 800px">
- <tr>
- <td class="rftp_righttab_content">
- Content will be here.
- </td>
- <td class="rftp_righttab_border">
- <br>
- </td>
- <td valign="top" style="position : relative">
- <div class="rftp_righttab rftp_righttab_active" style=" position : relative;">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
-
-
- </td>
- </tr>
-</table>
-
-
-
-</body>
-</html>
14 years, 3 months
JBoss Rich Faces SVN: r19148 - sandbox/trunk/archetypes/rf-gae-sample.
by richfaces-svn-commits@lists.jboss.org
Author: ilya_shaikovsky
Date: 2010-09-09 12:13:55 -0400 (Thu, 09 Sep 2010)
New Revision: 19148
Modified:
sandbox/trunk/archetypes/rf-gae-sample/readme.txt
Log:
README for gae app archetype.
Modified: sandbox/trunk/archetypes/rf-gae-sample/readme.txt
===================================================================
--- sandbox/trunk/archetypes/rf-gae-sample/readme.txt 2010-09-09 15:09:39 UTC (rev 19147)
+++ sandbox/trunk/archetypes/rf-gae-sample/readme.txt 2010-09-09 16:13:55 UTC (rev 19148)
@@ -1,9 +1,48 @@
RichFaces 4 Archetype
+BUILDING THE ARCHETYPE
-This archetype creates a simple RichFaces 4 application. To generate a project from the archetype, run
+just execute mvn clean install in the root folder
- mvn archetype:generate -DarchetypeGroupId=org.richfaces.archetypes -DarchetypeArtifactId=richfaces-archetype-simpleapp
+APPLICATION CREATION
+
+This archetype creates a simple RichFaces 4 application with all the settings and custom artifacts you need to perform deply to GAE cloud.
+
+1) To generate a project from the archetype, run
+
+ mvn archetype:generate -DarchetypeGroupId=org.richfaces.archetypes -DarchetypeArtifactId=richfaces-archetype-gae-sample
-DarchetypeVersion=<version> -DgroupId=<yourGroupId> -DartifactId=<yourArtifactId> -Dversion=1.0-SNAPSHOT
+2) To build the project for deploy to GAE cloud, run
+ mvn clean install -Pgae
+*BEFORE NEXT STEP - you should setup your GAE account at http://appspot.com and register new application there.
+(read more at http://code.google.com/intl/ru/appengine/docs/python/gettingstarted/uploa...)
+
+3) Then just execute appcfg from GAE SDK(link) to publish to your account:
+ appcfg update <PATH: "generated-application-target-folder/output application folder">
+
+4) now visit your application using http://<application-name>.appspot.com
+4.1) check all the information about deployed application at https://appengine.google.com/dashboard?&app_id=<your-application-id>
+
+
+PAY ATTENTION:
+during build with GAE profile - our org.richfaces.cdk:maven-resource-plugin executed and generates static resources(web-app\static-resources\) for all the skins in order to
+solve the compatibility problem with GAE which restricts java2D usage(our dynamic resources works using that dependency)
+
+NOTES about additional artifacts in webapp folder:
+1) java-gae-jsf-ri - contains modified WebConfiguration.java class which will be put to Web-inf\classes when building with GAE profile. It solves compatibilities
+issues exist in GAE for JSF applications.
+
+2) Webapp-gae folder contains GAE descriptor(appengine-web.xml) and modified application web.xml. Them will be placed to WEb-inf folder after build with GAE profile. web.xml
+should be different in order to use static resources generated by plugin instead of dynamic resources. And also restricts threading with
+com.sun.faces.enableThreading context parameter as GAE not allows threads.
+
+============================================================================================================
+
+LOCAL DEPLOYMENT
+you still could deploy your application as usually using
+1) mvn clean install
+2) put to tomcat6\webapps
+3) run server
+4) enjoy going to http:\\localhost:8080\<app-name>
\ No newline at end of file
14 years, 3 months
JBoss Rich Faces SVN: r19147 - branches/RF-8992.
by richfaces-svn-commits@lists.jboss.org
Author: abelevich
Date: 2010-09-09 11:09:39 -0400 (Thu, 09 Sep 2010)
New Revision: 19147
Removed:
branches/RF-8992/svnmerge-commit-message.txt
Modified:
branches/RF-8992/
Log:
Property changes on: branches/RF-8992
___________________________________________________________________
Name: svnmerge-integrated
- /branches/RFPL-754:1-18909
+ /branches/RFPL-754:1-18909 /trunk:1-19113
Deleted: branches/RF-8992/svnmerge-commit-message.txt
===================================================================
--- branches/RF-8992/svnmerge-commit-message.txt 2010-09-09 14:52:53 UTC (rev 19146)
+++ branches/RF-8992/svnmerge-commit-message.txt 2010-09-09 15:09:39 UTC (rev 19147)
@@ -1,2 +0,0 @@
-Initialized merge tracking via "svnmerge" with revisions "1-19113" from
-https://svn.jboss.org/repos/richfaces/trunk
14 years, 3 months
JBoss Rich Faces SVN: r19146 - branches/RF-8992.
by richfaces-svn-commits@lists.jboss.org
Author: abelevich
Date: 2010-09-09 10:52:53 -0400 (Thu, 09 Sep 2010)
New Revision: 19146
Added:
branches/RF-8992/svnmerge-commit-message.txt
Log:
Added: branches/RF-8992/svnmerge-commit-message.txt
===================================================================
--- branches/RF-8992/svnmerge-commit-message.txt (rev 0)
+++ branches/RF-8992/svnmerge-commit-message.txt 2010-09-09 14:52:53 UTC (rev 19146)
@@ -0,0 +1,2 @@
+Initialized merge tracking via "svnmerge" with revisions "1-19113" from
+https://svn.jboss.org/repos/richfaces/trunk
14 years, 3 months