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.
1666
Views
Tabstrip?????
von cschmoel » 20.08.2012 14:10 • Verfasst in ABAP® für Anfänger
2
Antw.
2023
Views
Tabstrip Funktionstyp P
von JohnLocklay » 07.08.2017 11:43 • Verfasst in Dialogprogrammierung
1
Antw.
2105
Views
Container Splitter und Tabstrip
von Lukas R. » 27.01.2017 07:10 • Verfasst in ABAP® für Anfänger
2
Antw.
1266
Views
Objekte auf dem Tabstrip einfügen
von HH_ABAP » 11.02.2019 11:42 • Verfasst in ABAP® für Anfänger
1
Antw.
1976
Views
PNP Standardselektion im Tabstrip anzeigen
von donny » 21.02.2006 10:50 • Verfasst in Human Resources

Über diesen Beitrag

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

Aktuelle Forenbeiträge

Hilfe zum FB MATERIAL_MAINTAIN_DARK
Gestern von black_adept gelöst 8 / 1783
HR-Entgeltnachweis
vor 2 Tagen von ChrisB 4 / 2325

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

Hilfe zum FB MATERIAL_MAINTAIN_DARK
Gestern von black_adept gelöst 8 / 1783
HR-Entgeltnachweis
vor 2 Tagen von ChrisB 4 / 2325

Unbeantwortete Forenbeiträge

Export von Spools in XLSX
vor 4 Tagen von abapamateur 1 / 361
Feldberechnung ME32K
vor einer Woche von ZF_SAPler 1 / 959
MS-Word als Editor
letzen Monat von tekko 1 / 4470