Eigenes Stylesheet für TabStrip

ABAP Web Dynpro, BusinessServerPages; Erstellung von Webapplikationen.
2 Beiträge • Seite 1 von 1
2 Beiträge Seite 1 von 1

Eigenes Stylesheet für TabStrip

Beitrag von markudo (ForumUser / 5 / 0 / 0 ) »
hallo,

ich verwende in einer BSP das HTMLB-Tabstrip Element. nun möchte ich aber nicht den Design2003 Style verwenden, sondern ein eigenes Stylesheet dafür definieren.

meine Frage un: wie muss dieses aussehen? hab noch nicht wirklich was verwendbares gefunden...

vielen Dank!

gesponsert
Stellenangebote auf ABAPforum.com schalten
kostenfrei für Ausbildungsberufe und Werksstudenten


Beitrag von markudo (ForumUser / 5 / 0 / 0 ) »
so - habs dann mit dem Firefox Addon Firebug geschafft, die Styles auszulesen :)

funktionieren tut das ganze so, dass am Ende der View / Seite ein <style type="text/css"> Tag eingebunden wird. die Namen der Styles sind unten sichtbar:

als Anmerkung: die verlinkten Bilder sind im Mime-Repository der BSP-App hinterlegt und wurden malerisch einfach überarbeitet und neu eingebunden :!:
<%-- Leiste unter den Tabs --%>
.urTbsDiv {
background-color:#182B45;
font-size:1px;
height:2px;
}

<%-- Balken rund um TabStrip --%>
.urTbsWhl {
<%--background-color:#D9E5F2;--%>
background-color:#EBEFF2;
<%--border-color:#83ACD8;--%>
border-color:#182B45;
border-style:solid;
border-width:0pt 0px 0px;
font-family:Arial,Helvetica,sans-serif;
font-size:medium;
z-index:50;
}

<%-- erstes Registerblatt, AKTIV --%>
.urTbsFirstAngOnPrevOff {
background-image:url(images/tab_first_ang_on_prev_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- erstes Registerblatt, INAKTIV --%>
.urTbsFirstAngOffPrevOff {
background-image:url(images/tab_first_ang_off_prev_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- letztes Registerblatt, AKTIV --%>
.urTbsLastOnNextOff {
background-image:url(images/tab_last_on_next_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- letztes Registerblatt, INAKTIV --%>
.urTbsLastOffNextOff {
background-image:url(images/tab_last_off_next_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Dreieck bei einem aktiven Tab --%>
.urTbsAngOffOn {
background-image:url(images/tab_ang_off_on.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- rechter Rand bei aktivem Tab --%>
.urTbsAngOnOff {
background-image:url(images/tab_ang_on_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Zwischenraum zwischen 2 inaktiven Tabs --%>
.urTbsAngOffOff {
background-image:url(images/tab_ang_off_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Text-Hintergrund für inaktive Label --%>
.urTbsLabelOff {
background-color:#9C9A9C;
color:#FFFFFF;
cursor:pointer;
height:18px;
padding:0pt 1px 0pt 5px;
}

<%-- Text-Hintergrund für aktive Label --%>
.urTbsLabelOn {
background-color:#182B45;
color:#FFFFFF;
cursor:pointer;
height:18px;
padding:0pt 1px 0pt 5px;
}

Seite 1 von 1

Vergleichbare Themen

3
Antw.
1591
Views
Tabstrip?????
von cschmoel » 20.08.2012 14:10 • Verfasst in ABAP® für Anfänger
3
Antw.
4073
Views
Tabstrip ausblenden
von the-FoX » 15.12.2004 13:31 • Verfasst in ABAP® Core
2
Antw.
1977
Views
Tabstrip Funktionstyp P
von JohnLocklay » 07.08.2017 11:43 • Verfasst in Dialogprogrammierung
1
Antw.
1906
Views
Container Splitter und Tabstrip
von Lukas R. » 27.01.2017 07:10 • Verfasst in ABAP® für Anfänger
2
Antw.
1202
Views
Objekte auf dem Tabstrip einfügen
von HH_ABAP » 11.02.2019 11:42 • Verfasst in ABAP® für Anfänger

Über diesen Beitrag

markudo
Unterstütze die Community und teile den Beitrag für mehr Leser und Austausch

Aktuelle Forenbeiträge

Dialog-Container mit Toolbar/Status
vor 11 Stunden von black_adept gelöst 23 / 3650
User Exit EXIT_RQCPRM10_001
vor 11 Stunden von a-dead-trousers 2 / 247
Trennen Strasse und Hausnummer
vor 17 Stunden von payten 13 / 10577
Daten an Tabelle binden
Gestern von Lukas Sanders 2 / 1297

Newsletter Anmeldung

Keine Beiträge verpassen! Wöchentlich versenden wir lesenwerte Beiträge aus unserer Community.
Die letzte Ausgabe findest du hier.
Details zum Versandverfahren und zu Ihren Widerrufsmöglichkeiten findest du in unserer Datenschutzerklärung.

Aktuelle Forenbeiträge

Dialog-Container mit Toolbar/Status
vor 11 Stunden von black_adept gelöst 23 / 3650
User Exit EXIT_RQCPRM10_001
vor 11 Stunden von a-dead-trousers 2 / 247
Trennen Strasse und Hausnummer
vor 17 Stunden von payten 13 / 10577
Daten an Tabelle binden
Gestern von Lukas Sanders 2 / 1297

Unbeantwortete Forenbeiträge

aRFC im OO-Kontext
vor 4 Wochen von ralf.wenzel 1 / 2840
Hilfe bei SWEC/SWE2
September 2024 von retsch 1 / 9430