Már régóta problémának éreztem, hogy a fában az egyes csomópontokhoz mindenképpen tartoznak ikonok. Semmi gond nincs az alapértelmezett ikonokkal, de sok esetben egyszerűen nem illenek oda, keresni hozzá megfelelő ikonokat meg időigényes. Ráadásul egyáltalán nem garantált, hogy a keresett ikonok odaillőek lesznek. Nagyobb kaliberű átalakítás nélkül nem oldható meg, hogy az ikonhoz tartozó kép ne kerüljön be a HTML-be. (TreeNodeUI.renderElements, sajnos nem a this.tpl -t használja:)
button.iconAlign: right
2009.02.17. 09:21 stack
Szinte csak új típusú komponensek készítésekor foglalkozok CSS szabályok írásával, máskülönben mindig az ExtJS alapértelmezett elemeit használom. Meg is lepődtem, amikor egy olyan feladat előtt álltam, ami egy az egyben CSS-sel megoldható, mégpedig gomboknál kellett az ikont jobb oldalra helyezni. Bár úgy is mondhatnám, hogy meglepődtem, amiért ezt nekem kellett megírni, és nem volt benne az ExtJS-ben alapértelmezetten. :)
Tehát a CSS kiegészítés:
table.x-btn-icon-right button {
background-position: right 2px !important;
padding-left: 0 !important;
padding-right: 18px !important;
}
background-position: right 2px !important;
padding-left: 0 !important;
padding-right: 18px !important;
}
Szólj hozzá!
Címkék: css button icon
Ext.ux.iconCls
2008.10.12. 11:20 stack
Sosem értettem, hogy miért kell a icon és az iconCls-t így túlbonyolítani, bőven elég lenne csak az egyik (az icon), ám mégis néhol mindkettő van, néhol meg csak az iconCls.
Az ötlet, hogy készítsek egy singleton osztályt ennek a dilemmának a feloldására nem saját, ám a több megoldás közül egyik sem tetszett, így hát íme a száz plusz egyedik leegyszerűsített Ext.ux.iconCls:
