[Renao]

Hallo Leute,

hat jemand Erfahrung mit jQuery Mobile bzw. dem Theme-Switcher?

Generell ist es ja ganz einfach für einzelne Parts eigene "Swatches" zu aktivieren - allerdings gibt es wohl keine Möglichkeit über die vorhandenen Stile den border-radius für die abgerundeten Ecken einzustellen.

Ich möchte nämlich ein collapsible-set in einem collapsible-set einfügen (So wie hier unter "Nested collapsibles") - dabei soll das äußere abgerundete Ecken bekommen und das innere nicht.

Vielleicht gibt es ja einen jQuery-Crack der eine ganz einfache Lösung kennt

Besten Dank schonmal

[immerIch]

Was hat das jetzt mit jQuery zu tun? Das aussehen eines Elementes wird immernoch mit Css definiert, und da schaust du am besten mal in die entsprechende Css-Datei.

[Renao]

[immerIch]

Naja und dieser Theme Switcher ändert wie du ja selbst sagst die Klassen, dementsprechend sollten diese dann ja auch irgendwo im Stylesheet auftauchen. Und da wäre dann der Ansatz nachzuschauen.

[Renao]

So nach einem arbeitsarmen Wochenende zurück an diesem Problem

Ja, an sich bietet das Theming auch allerhand Stilisierungsmöglichkeiten. Es ist so aufgebaut, dass man nahezu jedem Container in jQuery ein anderes Theme zuweisen kann (Swatch), allerdings habe ich bislang über die Swatches keine Möglichkeit gefunden den Border-Radius einzustellen - dieser steht nur in einer allgemeinen CSS-Klasse, die für alle Swatches gleichzeitig gültig ist.

Wenn ich gleich an meinen Arbeitsrechner komme, werde ich sonst auch mal ein wenig Quelltext dazu posten

[immerIch]

Naja, aber:
Wenn je nach Style eben an die Elemente eine neue Klasse gehängt wird, kannst du doch diesen Border überschreiben, oder sehe ich da was falsch?

Laut der Doku für das jQuery Mobile Theme-Switch http://jquerymobile.com/test/docs/api/themes.html hängt jqm für jeden style einfach einen fortlaufenden Buchstaben (a-z) an die Elemenente,

z.b. ui-bar-a, ui-bar-b, ui-bar-c ....

Natürlich ist es da schwierig, an die genauen Bezeichnungen ranzukommen.
Um eine ungefähre Mobile Ansicht im Browser zubekommen, um dann den Vorteil von Firebug o.ä. Entwicklertools zu haben, setze ich gerne das UserAgent-Switch-Addon für den Firefox ein (Safari hat diese Funktion ja bereits enthalten).
http://chrispederick.com/work/user-agent-switcher/

Vllt. kommst du so ja an die richtigen Klassennamen.

[Renao]

Genau das ist ja das Problem - die Klasse die nativ von jQuery Mobile den Border-Radius setzt, ist keine Klasse, die einen Theme-Identifikator drangehangen hat.

Ich kann dementsprechend also nicht sagen "Theme A bitte mit runden Kanten und B darf eckig sein" :-/

Zumindest bisher nicht...

[immerIch]

Doch, du kannst per CSS und im Notfall mit !important vorangegangene Styles überschreiben.

Wenn du jetzt also standardmäßig einen weißen Rahmen mit 5px breite hast,