jQuery Mobile Panel Breite

8

Im neuen jQuery-Handy gibt es eine neue Panel-Option. Ich habe das implementiert und es funktioniert, aber ich möchte die Breite des Panels anpassen. Die Standardbreite beträgt 272px, was ein bisschen viel für meinen Gebrauch ist. Ich habe versucht, das

zu verwenden %Vor%

CSS-Selektor, aber dies ändert einfach die Größe des Panels. Das Panel selbst bleibt sichtbar und bleibt gleich breit. Mit den Inspektoren in Firefox und Chrome konnte ich nicht die richtige Div für dieses Panel finden. Könnte mir jemand helfen, einen Weg zu finden, um das Panel in der richtigen Weise zu skalieren?

    
danvdende 05.03.2013, 14:11
quelle

6 Antworten

16

Ich habe es herausgefunden! Es ist nicht so komplex, wirklich. Ich benutze nur structure.css, aber wenn Sie andere CSS-Dateien verwenden, können Sie mehr anpassen. Wie auch immer ...

Verwenden Sie Ihren Lieblings-Editor, machen Sie einen Fund & amp; Ersetzen Sie für "17em" und ersetzen Sie das durch den Wert, den Sie tatsächlich möchten. Es gibt Styling für linke Paneele und Styling für rechte Paneele. Ich würde diesen ganzen Prozess nicht überstürzen, da es hier oder dort ein unzusammenhängendes "17em" geben könnte. Es dauert nur eine Minute ...

Es ist eine einfache Antwort, aber ich bin glücklich mit mir selbst: p

    
tylerl 22.03.2013, 07:06
quelle
11

Ich hatte selbst das gleiche Problem und folgte dem Rat von tylerl, 17em durch die benötigte Breite zu ersetzen. Was gut funktioniert hat, außer dass ich Google cdn benutzt habe, um css zu laden, also konnte ich es nicht direkt ändern und generell bin ich kein großer Fan davon, den Bibliothekscode zu ändern.

Also, ich habe ein wenig mit diesem Code herumgespielt, um diesen Code für die Neudefinition von css Ссылка

von jQuery Mobile zu finden >

Sie können die Breite für linke und rechte Seitenleisten separat konfigurieren. Dies ist LESS-Code, aber das Ersetzen von @ left-sidebar-width und @ right-sidebar-width mit der von Ihnen benötigten Breite wird auch für plain CSS funktionieren.

    
Pavel Dubinin 22.04.2013 08:33
quelle
5

Sie zeigen, wie die Panelbreite in dieser Demo geändert wird: Ссылка

    
Decko 11.03.2013 20:51
quelle
2

Ich wollte keine Änderungen an der Bibliotheks-CSS-Datei vornehmen, also habe ich oben die Patches ausprobiert, aber keine davon funktionierte auf jquery mobile 1.4.1

Ich musste noch ein paar mehr Styling hinzufügen, damit es funktioniert.

Hier ist meine modifizierte CSS. (Ersetzen Sie 10em und 15 em durch Ihre linke und rechte Größe)

%Vor%     
Sahil 24.02.2014 11:16
quelle
1

Wenn Sie die Größe nicht global bearbeiten möchten, fügen Sie diese zu Ihrem benutzerdefinierten CSS hinzu und fügen Sie bei Bedarf IDs hinzu, indem Sie 23em auf die gewünschte Breite ändern:

Hinweis: Dies gilt nur für die linke Seite.

%Vor%     
aquila421 16.07.2013 19:53
quelle
0

Ich glaube, Sie haben einen Tippfehler gemacht. Probieren Sie

aus %Vor%

oder wenn Sie das inline ausgeben, vielleicht

%Vor%

Natürlich, so neu wie ich bin, könnte ich mich irren.

    
David Navarre 05.03.2013 15:06
quelle

Tags und Links