konto usunięte

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

Cześć,
Czy moglibyście mi dać jakiś przykład na to aby kolumna w GridPanel wyglądała jak nieaktywna, chodzi mi o coś w stylu lewej kolumny w PivotGrid albo przynajmniej takie coś jak na http://flexigrid.info/ (na samym dole strony, header kolumny INFO jest ciemniejszy a potem same pola mają fajny efekt). Tylko plis nie odsyłajcie mnie do google, bo szukam tego już kupę czasu i jakoś nie mogę sobie poradzić :(
Dzięki z góry za odpowiedź.
Andrzej Chodor

Andrzej Chodor architekt IT,
programista

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

Jasne:) Podpowiedzi warto szukać w całkiem niezłej dokumentacji API ExtJSa a konkretnie w klasie Column. Przyjmuje ona (podczas konfiguracji Grida) opcję css którą możesz ustawić np. na ,,wyszarzona''. Do tego kawałek css-a:


.wyszarzona {
background-color: gray;
}


i... voile - masz to, co chciałaś ;) Możesz pokombinować z FireBugiem i zobaczyć, jak ExtJS ustawia style wierszy parzystych i nieparzystych, żeby zróżnicować odcień szarości. Możesz też zrobić swój własny renderer (składnia w dokumentacji klasy Column) i pobawić się parametrem metaData.css lub metaData.style. Powodzenia!
Michał Jarosz

Michał Jarosz Frontend Developer &
Team Leader

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

Polecam renderera. Miło się z tym pracuje :)

konto usunięte

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

Ok prawie sobie poradziłam :] Tylko mam problem z jedną rzeczą - otóż jak nakładam jakiś dowolny kolor na header-a, to pozostaje mi jasna ramka, po lewej stronie i u góry tak jak widać tutaj:

Obrazek


Wiecie może jak to usunąć ? Przewertowałam klasę grid.css ustawiając chyba wszystkie elementy border na 0px ale chyba nie o to chodzi:P
Piotr M.

Piotr M. programista

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

Chroma sobie zainstaluj, albo Operę, albo Firefoxa... ;>

konto usunięte

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

używam Firefoxa :> Na chromie to samo...

To jeszcze się dopytam: Jak najadę kursorem na header, to się trochę "podświetla", przez co zmienia się jego wygląd. Chciałabym to wyłączyć. Pomożecie?Maja Połońska edytował(a) ten post dnia 12.12.10 o godzinie 00:47
Michał Jarosz

Michał Jarosz Frontend Developer &
Team Leader

Temat: [GridPanel] Jak "wyszarzyć" kolumnę

grid.css nie jest (przy normalnej konfiguracji) w ogóle używany. Wszystkie style są w ext-all.css

Jest tam klasa .x-grid3-hd-inner
Jak w niej dasz
margin-left: -2px;
margin-right: -2px;
to się 'boczne' ramki redukują. Zobacz czy dasz radę coś z tym wykombinować.



Wyślij zaproszenie do