PDA

View Full Version : how to change checkbox/radio style



cbweixin
7 Sep 2011, 4:47 PM
I have 2 question about checkbox/radio widget:

1. how could change the icon for checkbox /radio. currently they are all tick mark, I want to change the radio button to the standard radio button. I read the css for them and fail to figure out how the tick mark has been created. It seems the tick marks is made purely by CSS. Could someone give some elaboration how to change them.

http://www.sencha.com/forum/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAChCAIAAACXuM03AAAgAElEQVR4nO3da2wbV2Iv8JFiO3EKLHqBRVv0Q4Fi2w9btNsFaGdTLFB5k2xb3Fj7wt5F4gTdFlnZSjZ7Gz9q3F7Jj9hoEie0Za92o0iJH4kcS7IVy5IdR7Es2XIcUbYp27JkkxQteklaoihyOMPhY0jqMffDuTqZDMkRRZEcjvT/QRDI4Zk5Z4bk8I8zZ2YYcdEYhgkAQN5wHLd3795EIhGPx PxeCwWi0ajgiAEAgGWZcmrHMeRB7u/juM4lmUDgcDQ0NBnn33W2NhYU1NDpnMcNzw8vG/fvs7OzqGhIbPZLF9g8nKSm5RchkwXBIFlWZZleZ6Xt40sRH3eYDDIzlFUJ589XRWZNHtB7aTtUZSh0 miyNYjxZLnUnkXFDUmV6GoOrnZ8nVUrygUCqX82CjqCgQCPM83NTX19fWxLNvX13f06FGe5wOBwLwbGQCywyCQARQ5 pPJ8zzP8 RHNDD306v4ZaW5jUQ3UuzLL7 sqam5du2axWKZnJykv KCILhcrmvXrp06daqmpubLL7 kP9XJy0luUnIZMp3n ZRtk8eOeedNrk4 e7oqMmk2LZxJO2mWUp9X/SlZSMp3QSWQZVh1ciBTqUhlleXTyaJsNtvBgwc5jjt06JDNZiMT593IAJAdBDKAYpfydzf5VY7jjh075nK5 Dl0lrfffpvn VAoJAjCw4cP9 zZQ3 AyfRIJOJyuV5//XWywHTLkVeasoyiqemCTibzptsCKlVk0uzk9qi08 jRo06nk2yoiYkJ9XnnfZryXUgXyLKomlKpyG630 BVX1 vUhfLsoIg1NfX9/X1HTx4kHTLZbKRASA7CGQAxS7zQHb9 vXOzs7x8XGWZS9dunTkyBHyI3ro0KGbN29yHDcyMvLee /RQ5l1dXU9PT1kIf39/a //rrKchSVpqtLJei4XK7x8fEM501eRzp7uioyafaCAtn169dbW1vHx8fHx8c///xz0l2UXSBL9y6kXLXsqqYTVSqqq6tzOp3j4 OdnZ2ffvqpSl3kHblx48aePXtu3LhBp8y7kQEgOwhkAMUuw0AWCAQEQejq6jpw4MDu3buPHz9OBzmNjIwcPHhw9 7dv//974eHh2kXyB/ 8Ifjx4/TwUBms1llOYp609WVLo709PSQWjKcV7GOdHaVUDJvsxcUyMgCL168SBb48ccfu1yuxQSylO9CulXLomo6MV1Fe/fuNZvNNTU1b775Zmtrq9/vV1lN8lIoFKqvr/f5fOrveyAQYFl27969CGcAWUMgA9ABURTnfZX8FoZCIVEU4/F4NBrl5o5LBoPBWCwWj8dFUQyFQnRsGc/z0WiUjgeiI77TLYdSKaNoKn0aDofJkKPM55Wjs6erIpNmy dN1076gC6QbLpoNEpGtavMq/405buQctWyrlq9olgsFg6HY7FYLBaLRCJk 6jURVKyfEuqbGSWZaPRKAIZQNYQyACKHTtn3lfp8CBONupfPlH Ep2L4zg6GEhlOcn1pqxL3lRWJrmw rzp6kpXRSbNZpPMO12xQJV51Z qvAspVy2LqpPbnK4ixfZJWVe6KtJt5JSNAYDMIZABAAAAaAyBDAAAAEBjCGQAAAAAGkMgAwAAANAYAhkAAACAxhDIAAAAADSGQAYAAACgMQQyAAAAAI0hkAEAAABoDIEMAAAAQGMIZAAAAAAaQyADAAAA0BgCGQAAAIDGEMgAAAAANIZABgAAAKAxBDIAAAAAjSGQAQAAAGgMgQwAAABAYwhkAAAAABpDIAMAAADQGAIZAAAAgMYQyAAAAAA0hkAGAAAAoDEEMgAAAACNIZABAAAAaAyBDAAAAEBjCGQAAAAAGkMgAwAAANAYAhkAAACAxhDIAAAAADSGQAYAAACgMQQyAAAAAI0VeyBjWfbJJ580pJG/ejNvFXl67969w4cPP/fccyzLat4eAAAA0JdiD2SBQEAlkHEcl9eqM2kVaYPmeUjRHgAAANCRYg9kHMepBDKe5/NXtbp4PD41NZVIJDiOkzdSkzwkb4CG2wQAAACyo6dANj09PSVDwlAgEGBZ9ty5cy 99NKaNWsMBsOzzz77xhtvOJ1OlmXPnj1L5q2qqiIHE1mWraqqIhPPnj1LJ7755pvPPvuswWD4xS9 cejQIXrkUX40sKWlZc2aNc8 2zg611iyZGRzOt0Ot94441f/OIXZLGkVSor63Q6q6qqaDPOnTsnPwCq0siUgWyhK6XJwVYAAAAI6CuQBYNBXkaexkgUk6uurvb7/cFg8Cc/ YnBYFi3bh1d5jPPPGMwGMrKygRBYFnW6XS 9tpritnlo8FoA9atW2cwGDZu3Bj4 iHC5EDGcZzT6Xz edVFqvgdDp/9KMfKcrTTKbeyORAlt1KAQAAgCb0FMgUaJkNGzYYDIb29vbp6WmLxbJ27VqSM1iW5Thu//79pPylS5dYlr106RJ5un//fo7j/H5/bW0tmbJt27aZmZn//M//JE9ra2vJEmgDdu3aNTU19eDBA0UASiQS8m68RCIRCAToYnft2jU9Pb19 3bytKWlJTmTsSwrL0 b/fzzzytenbeRPM8vqDxdqfy9iQAAAKBOx4GMjtYSRTGRSExMTPzud7 Td0qRAqOjoySi7du3LxAI7Nu3j7w6OjpKZid5zmAw3LlzJxgM3rlzhzwlnUbyBvT19ZGeOcWgMZ7n5d14pN6NGzeSKT6fLxgM ny 733vewaDoaKiIuWa0vIPHjwQBGFwcLCioqKvr2 hjSQ9ZFmsFA5ZAgAAaEXHgYwkDxIjzGbzD37wg TExrJsMBisrKw0GAzl5eU8z//4xz82GAwvvPBCMBhU9BUJghAIBARBkIcteYFQKMSybHKPVHIe4jiOHBhNtmHDBvXVDAaDgUAgGAyKokiatKBGKtqT UohkAEAAGhFT4FMPqhfPqK/ubmZjCHbsmWLxWJRHLzjOO706dNkysmTJ0nJtrY2EteSD/bJu7uSs07KMVspA9mCrtaRXIt8AP5CG5ndSgEAAIBW9BTI5IP65ZmGFvD7/eFwOPl8Q4/H8/TTTxsMhqeeespgMJSVlXk8Hrp8MurfYDCYzWaWZc1mMwltmzZtSs4uya1KF8g2bdqUnCOnpqbi8XjK1aTlSTPu3r370ksv9fT0kEC2oEZmt1IAAACgFT0FspTRQX5w8MqVK0ePHqUdUfSYJs/zr7/ Op3 uuvy/u63nvvPTJ98 bNgUBgy5Yt5GljY2MWgezhw4dOp5PjuLq6OjKltraW5/lPP/2URKKXXnop5VrQ8ps3b3a5XNXV1Ya5Qf0LbWR2KwUAAABaWQqBzGg0GmTKysrknUOk2ODgIC1AR8oTExMTL7zwguHrKioqwuFwugYkByD5El577TWWZScmJki3nKJtg4ODKQ8Rpizf1dWVXSOzWCkAAADQiu4DWSAQ8Hq9RqOxrKysrKzMaDTevXuXnFa5efNmet1XQRBefPFFg8FQXl5OLj9G5iX9Z36/32g0rl /3mAwPPfcc3V1dbFYLOUgs3StGhoaoic2kkDG87zT6TQajRUVFSSK7dy58 7du RkAsUqkPIsy27bto00o6Kioru7OxQKZdHI7FYKAAAAtFLsgSzw9ZsUJb9K4kU0Gk0kEolEIhqNhkIh8jgSidBAFggEYrHY1NQUDSXyJfA8T5ZAxnhFIhF5mZQNkE8k53KSKVNTU9FolJQhi6UlRVEkZ1CmG0TP87woiqQZsViMprEsGpndSgEAAIAmij2Q0ZFeKrkhuQx9LO8JI9MDqfKQfAnpZpQ3QDGRXgtDMSXlYlVOaVRpxiIbmUl5AAAA0EqxBzIAAACAJQ BDAAAAEBjCGQAAAAAGkMgAwAAANAYAhkAAACAxhDIAAAAADSGQAYAAACgMQQyAAAAAI0VSyDz /1jY2MOh2MUAAAAYKlwOBxjY2N v7/YAxnLsk6nc3x8nNx9SAIAAABYEmZmZhKJRCgUevjwodPpVLlbj8aBzO/3OxwOjuOmp6enp6djsdji2wOwlGi9MwEAgByYnp7mOM7hcKTrKtM4kLlcLo7jEokEohhASlrvQwAAIGc4jnO5XEUXyMi4sWg0uvg2ACxVWu89AAAgZ6anpx8 fJjywKWWgYyMG1t8AwCWMK33HgAAkEuhUMjj8RRXIHM4HJFIZPENAFjCtN51AABALiUSCYfDUVyBbHR0dPG1AyxtWu86AAAgl2ZmZkZHRxHIAHRG610HAADkGAIZgP5ovd8AAIAcQyAD0B t9xsAAJBjCGQA qP1fgMAAHIMgQxAf7Teb4A2ZgGWKK2/W0UBgQxAf7Teb0CBpPzpmgFYQpZYPlu15pVVa17Jbl4EMgD9ye0eBIqQPHtNz5kCWKLoh1ye0rT FmaDBLLsMhkCGYD 5HwnAsWDRjGawBKJRDwej8fjMYAlinzCE4kEzWd6jGU0jWWXyRDIAPQnH7sSKAaKNBaPx0VRjEQi4XA4FAoJgiAIQhBgCSGf6lAoFA6HyX164vG4HjOZIo1lkckQyAD0J087FNAcSWOkV0wUxXA4HAwGA4GAz fzer2eOeMASwL9SHu9Xp/PFwgEgsFgOBwWRZH0lpFMpvX3cn4p09iyCGRPPvmk4evWr1//7rvvZtFOsqgsZgTQUJ72KaAt2jdG0pggCCzLejwel8vlcDjsdrvVarVYLPcAlhCLxWK1Wu12u8PhcLlcHo HZVlBEERRTCQStJ9M62 nmpykMWnJBDKirq5uoe1EIAM9ysc BbRFD1ZOTU2JoigIgsQw MPfsvobGhqy2 1ut9vn85FMRjvJijaT5SqNSboOZHGZxsZGg8Gwbt26hbYTgQz0KOf7FNAc7R6Lx PhcJhlWc1/HfGHvwL/9fb2DgwMWK1Wt9vNsmw4HI7H45p3kqmnq1ylMUnXgUx94oULFzZs2GAwGH71q1/19fXJS54 fXr9 vXr168/ffo0AhnoUXbfdihaiu4xnuc9Ho/mv474w1 B/9ra2rq7u81ms91u93g8PM LRdBJppKxctg9Ji2ZQFZXV2cwGDZs2ECe9vX1rVmzRn40c3BwkLx04cIFxUsIZKA7i9i3QDEiPzZk9FgkEgkEAm63 6sfKoClbe6j/sEHH7S1tfX29g4NDbnd7kAgEIlEyEgyrQKZSszKbRqTdB3IknV1dZECW7duJU/j8bjJZFq7du2uXbvISxs3bjQYDDt37ozH47t370YgAz1a3B4Gio58OH8oFPL5fA6HA4EMlou5j/qBAwcaGxs7OzsHBgYcDofP5wuFQhoO7VcJWzlPY9KSCWTPP/ 8yWSiBZ555hlFAdp5RuZ98OCBKIoPHjxYu3YtAhnozqL3M1Bc6PHKeDweCoW8Xq/dbkcgg Vi7qO Z8 e vr6M2fO9Pf32 12r9cbCoXIZckKH8hUIlc 0pik60BGhvOfOXPmBz/4gcFgePvttxUFUh6XJFltcnJSFEWHw/HEE08gkIHu5GJvA0VEHsgEQfB4PFarFYEMlou5j3pVVVVtbW1ra vVq1etVqvH4xEEodgCWZ7SmKTrQEaf v3 p59 Wp7JNm3aZDAYTCaT/ExM Utbt24VRXHbtm04ZAl6tPhvPhQVGshisRgJZBaLBYEMlou5j/r27dsPHjzY0tLyxRdfWCwWEshisZhWV4gtZBqTlkYgE0Xx PHjJFrduXNHFMWuri5F91hFRQUp2dfXl67zDEAvcvLlh IhD2TBYHB8fByBDJaRuY/6tm3b9u/f39zc3Nvba7FYxsfHg8GghoFMyiyT5aquJRLIRFGsrKw0GAwbN24kTy9evEjG75eVle3YscPn89GSbW1t69evLysra2trw2UvQI9y9f2HIpEcyO7du5cukDEMwxQkpaWrKLsGzDtXwdar2BpTDDRe37mP pYtW/bv39/U1HT58uV79 5pGMhIXeTUzlVrXllpeBmBLDX5IUiK3C4 Fosppigmyl9KtyiAIper7z8UieIJZE6n02g0qleUeQMyWVoWi128ompMPsi3fCaKJJBt3rzZaDSeOHFCw0BGvozk zg9PU1O8FxpeDldJsth1boMZADLXA53AVAMiieQyRe IoWtAQEshxaaPsRyAhy9RlyfWZykk0sFiPX3UiZyXJbOwIZgP7kdi8AmssikN2 fbu8vLy8vPz27dv0pY6OjvLycoZhOjo6yJTKykqGYXielySpu7ubzEiXU1lZmbxk tucriJawOv1VldXk6dGo9Hr9c67tOSm0hlpgdu3bzMM09TUpL7i3d3d3d3dirZ5vV6j0UhKVlZW2mw2 bxGo7G6ujrzukwmU3l5uaKrqaGhgbxKN7LKdDLF6XQmv1ly6bYGbXC65adcX8WWV2mz0WisrKwkG2GZBzLFpWdmZmb8fn8wGAyHw9FolLRhpeHlVbJMlvM2IJAB6E/OdwSgrSwCWVNTk9frlYcqkrdMJpPJZGIYpru7W5Kkjo4OMlGSJPLL3dDQIEkSKaP4eZZS9ZAlV0TLkLQnSRIpQKODytLIY9oqMiNJPKQAmZKckCRZSOJ5njzu7u5WtK26upqEEjK9vLxcPq8in81bV1NTE9lQtExTUxNpAwkxZCOrTKdtVrRHTmVr0AanW776 mbYZvJgOQcyep MaDTKcZwkSV 0tfm U3bvXuhUIjjuHA4/FUmy08akxDIAPQoH/sC0FDWhyzlj2k8kmS9X/KoRAqT32zSs6Xo01JZeMrHpFOnuro6XcdPuiWQGVMWLi8vTw52mbdNkiSn09nR0UG77lKWWWhdNOjIWy4Pgummq7SBUtkaKcswX /anHd9M2zzsg1k5DAl6RjjeT4cDl85fTry2GOWb3/b7XY/fPhwYmKCZDJyp/OVhpfz0QwJgQxAj/K0OwCt5CSQqQc12jvCMIzNZmOSjldmsXBy9JCGm RYlmGEkk8knE5ndm0jq9nQ0ECSqHogy7ouuUymq6y1 tZI2eCFru9i2lYgGgUy feOpDGO46787GekMWfr6txut8VicblcXq83GAyKojg1NZW/jjoEMgD9ydPuALSSvx4yae6IGC1JHycfr1RZuMqPt81mI8e8ko/HpZtLpU IJIyUHVcLbZtKmxdaV8oeMrl00zMJPQvtIctk fNubWnZ95DJv3Q8z7Msy7Ls5fJyiWGmH3nE/N3v9vf39/X13b592263j42NcRwXjUbz2leHQAagP/nYF4CGchLIUo4hk aOWjJzg5Po O7k45UqC0/5mB73JIO6krvc0i1BMWpKMdCevErbv6C2kZDh9XrJRlAPZPPW1dTUpBj1T8ddKcaupZueSSBT3xrqy89kfedtM/nkLKtARr5xiURCFMVAIDA5OTk5OXnp2WclhomsXi0xzKkXX7xy5cqFzz /du3avXv33G53IBCIRCKJRAI9ZADwlTztDkArOQlk0tzJeuXl5YreL/KzTWIH eVOObpcmjsElpwJUj7meZ7Gu rq6uSEl25pkqzfLvksS0mSKisry8vLycmh8664/DE9B5MuP WGyrAum82WPM6MDoFXnFiacnomgWzeraGy/HTrq j8S9dmo9FIjjUvt0BGhvCLosiyrCAIk5OTl9avlxgm9uijsyUl4cceO/zb3546dercuXNffPHF0NCQ0 lkWTYSiZCW5KoZCghkAPqTp90BaGVBgQxgqSlgICPftXg8Ho1GfT5fNBr9or3d9P3vSwyTWLEi8cgj06WlTT/84bFjx44cPnzmzJne3t6hoSGXyxUIBMghS/SQAcBX8rQ7AK0gkMGyVqhARi5vEY/HI5HI5ORkJBK51NoafPxxksYkhpktKZEY5r 3bTt06ND7DQ2nT5 cuXKvXv3xsbGeJ4XRXF6ehqBDAC kqfdAWgFgQyWtYIEMprGwuGwx MRBKHn1Cnh8cdnS0sTK1dKDDNVWjpTUmL 8z9/vapq31tvNTQ0tLe3m0ymkZERr9cbCoXi8Xj jldKCGQAepS/PQJoAoEMlrX8BzKaxkKhkM/ni8fj3S0twurVUknJ9COPkNqnS0okhtn1ox/t2LHjzTfeOHLkyPnz5wcGBh48eOD3 /M9gExCIAPQo/ztEUATCGSwrOU5kJE0FovFBEEIBAITExOdr74qPP44ucIFOVI5VVo6W1LS/6d/ uuXX96 bds777xz/Pjx7u7uoaGhhw8fFuB4pYRABqBH dsjgCYQyGBZy2cgm52dJd8sQRD8fr/f7 /56U9JCCMjxsj/RGmpxDDv/u3fvvLKK/9n /bf/va3n3zySV9f38jIyOTkZAGOV0oIZAB6lNedAhReMQSyBV34oMBXSeB5vqmpiVy8g9xWPOtWZXIdioUuBxYrb4GMHqkMBoM n8/v9/f85CcSw8RWrZKnMfI/vGLFv65f/3Jl5e5du95///3z58/fvHnT6XQG8n9 JYFABqA/ed0pQOEhkKkjV6Alt2ZKd1v0DFuV80DmdDrJFXche/kJZPSW4TzPk0DW8 MfSwwTX7mShjB6vHKmpOT33/rWCy 88L9ffXXfvn20DWT4fwG6x6TiDGQAAMvK/fv37Xb7yMiIxWIZHBzs7 /v6uqaZZj//1cQJGHko3DOpas9k1blqozRaDQajRkWhnnMfdQ3bdq0Y8eO2tralpaWrq6u/v7 wcFBi8UyMjJit9vv37 /oK V3W63Wq2Dt2/fu3evu7Pz7D/90yzDxFeunGWYmZKSr75fDDNbWjrLMD954omf/exnlZs27d69u76 vq2t7fLly2azeXh42GazLbT27BRdIMt3CAUAKCqzC79SP7lEu/wi8un6fugl2mlhenl9eT8TnYXcE5NcuV79nkgmk6m8vJz2D2UyozR3OwFm7qrxXq XdICpTJHPTi4rP d0RWMRmNlZaXikvSK8iplnE4nuSC 4gbqjIx8erpVSLnlVabLF2g0GkmZyspKm82m0rwM34gikocestnZ2enp6XA4LEnSjZ4e///4HxLDxFauJEPHvtY9VlIyU1Jy/Rvf Pn69RsrKvbs2XPs2LGLFy/euXOHDOePxWL5Hs5PFGMgW3ztAEtbvvcLUGBZBLKmpiZy8I7eZlE9kNGfcHoHQ5I86HgsOgu9taKU/vhgyjZkMqPivo0kA5F66Z0ck6fQ2emUeW/EKUdXmd5BKLm8ehnaYPUbqFMpVyHdlk83Xa66upq8g4pmpGxeJm9Eccl1ICP9biRImTo6puYubEFDmPzpTGmpxDAvf c7zz333Gv/8R8HDhxobW3t6 uz2 2Tk5PhcDiRSBTgeKWEQAagRwXYNUAhZRHI6GPFb7P6Y2nuvpb0peTbYDudTmbuTuSkV4aGOfU2ZDKjvHb5lOrqatr5lDyFIP1ANIAmSxfIFKuc8nEmZVIuP XElKuQbsunm67gdDo7Ojpox5tK8zJ5I4pLHnrIZmZmotHo7OzsxZdeGv67vxv47ncH//qvb37rW4HVqyWGmS4tJclsuqRktqTE9I1v/M9//ud/ 9d/ra6ufv/99z/77LNbt265XC6O40RRLMBwfgKBDEB/CrBrgEJaTCBbaIxgkiQXIxGBHO1KeRvynMxIkGOvZDo56JY8Jd288y588Vssu0CWchXUt3zydMUCGYZpaGggPWHzNm/eN6K45KGHjJ5cyfO82 0eGBi4ePHi7995Z/KP/miqtJTWSB7X/sVf/PznP3/1lVf27dvX1NR05coVq9U6MTFRmKtdUAhkAPpTmL0DFIxWPWTpFkuGNJHOlYaGBvXC8jbMO2O62m02GzlyRxeVPGVe6dJM4XvIUq5CunVPNz1dLZk8nveNKC55C2SCIIyNjd27d 9Kb29ba2vP3/89OUY59thjsyUlMyUlsyUlwRUr/tdTT/3bL3/5f//rv rq6s6dO2c2m//whz wLFuYq11QCGQA lOYvQMUTHZjyEivCT2ER8Yteb3e7u5ulRhBRyyRvpbkQ5bSXH8MoThuqN6GeWdUjCGrrq4mx C8Xi8dfp48JeWKpGtV8nS6yipbJpMymQeylKuQbsunmy5HQpvX6yVjwuZt3rxvRHHJzyFL8m3yeDx37969e/du42uvSQyTWLHC9 ijb3z3uxLDxB95hFztYsOGDb/59a/feuutjz/ uPBXu6AQyAD0p2A7CCiM7M6yZObGCRHkMFllZSUZQqQSI i4dfkJgIpi9OecnKyXsg02m01xpue8M0pzmYzWzvM8PceQjNZPnpJuRVK2KuVLRqORHDpU2TLzlkm5fFJesRHSrULKLa8yXV4LOY Sbr15mzfvG1FE8tNDJopiMBh0u91Op7Pt0KHwY4/FVq6UGGbvD3 48Ze/dK1ePVNSIjFMxb/8y69//eudO3bU1dWdPXv2xo0bDoejMDevVEAgA9Cfgu0goDCyPmSZP6SPR5Ez8joj5Jae3oicBjL6bRJFkWXZ8fHx0dHRkb/8y9mSEqmk5OK3v121fftvfvObM3/1V9Olpf1/9mdbX321uqrq4MGDzc3Nly9fvnv37tjYGKm3MFe7oBDIAPSnYDsIKIxiC2Rer5ccI1vo0a6sZ4Tc0tkbkesespmZmXg8HgqF/H6/2 3 4umnZxlGYpiRP/mTgzU1u3fu3Llz596f/lRimP9 7rm33nqrpqamsbGxs7PTbDY7HA6fzxeJRAp2tQsKgQxAfwq5j4ACKKpARpZfWVmZ7paROZ8Rckt/b0Sue8jI8Uq/3x8KhT6tqZEYRly1Sli9 r0tW rq6va98UZNTY1x48bT3// 72prG rrT5w4cf78 f7 fqvVOj4 XsiLwcohkAHoTyH3EVAACwpkAEtN7gIZSWOxWIzn VAodOvatfDq1dFHH5UY5simTSdPnvx9be2777773nvvHT16tKWlpaWl5cyZM Q2TXfv3nW5XCzLatI9JiGQAehRgXcTkG8IZLCs5S6QzczMJJbceGgAAA4oSURBVBKJcDjs8/ncLtfVp58m17boWbv2RGPjB /f/jw4cbGxpMnT7a3t392/nxPT09fX9/NmzetVqvL5SKdapp0j0kIZAB6VODdBOQbAhksazkKZHQsv9/vn5mZufDii Q6F9FVq44dOtTc3Hzs6NGmpqb29vaurq6rV6 azeY7d 5YrVaHwzE2Nub3 wVBIGks6 4xco/wrOdFIAPQmey 7VC0Cj GrDCnamYuXXv00k5YlFwEstnZWfIN4jhOEISuY8fCq1eLq1ZFV606Wl198uRJksY6Ojp6enquX78 PDx8//59l8s1Pj4 OTnJcVw4HI7FYuRgZdbdY6NzspsXgQxAZ7LbU0DRQiAr5kDmdDrp9d6KoT1L0KIDmfzS/OFwePj27cSKFeSGlefLyjo6Oo4cPnzixIkzZ850d3ffuHHDYrE4nc6JiQmWZclos2g0Go/Hs7gCrdzo12UxOwIZgM5kt7OAooVAVmztkVO5 CrkxuICGfn6JBKJSCTCsuzk5OSXTz01W1IiMcyltWtPtrQcO3r0 PHjp0 f7urqunbtmsVicbvdPp8vGAxGIhFRFEkUI0cqc5XGsshkCGQA pPd/gKKVhaBzGQylZeXy6/U7/V6yb0LySUPbDYbfamjo4NclYpeCJ4GC8W9j8jV6lPePshoNNKrjNIFdnR0KBqW7rHT6STXmpdfGctoNFZWVioujp 8svLH9Jr13d3d3d3dimWqbISUqybN3fZRsS6KBtBZFG2Qr0vK5SRvOvXqlqlFBzJ6GdipqanPfvc7iWFiK1fyjz9 9MCB5ubmD48dO3Xq1Gefffbll18ODw87nU4yXEwUxUQiQXMYkd0apExjyyKQPfnkk4avW7du3Y4dOyYnJ UFFr8WAMUpu10GFK3s7mVJbmtIs1R1dTXJH SWiPSe3IrbR5IMRxZCptAl0Jsq0jv5yGuk4YZkGpPJRBpAL3alHshoA2jD0lWXvLKK5ZAbRJKqFfd/TLcR0tVFp5NQmPLCXcltaGpqSnc/SsVyFJsuk qWo0UEMnqwkuM4URR7mpqmVqwQH31UYpgPN206c bM0SNHmpubz549e XKlcHBQYfDMTk5SdLYIg9QUjlJY9KSCWTE1q1b5QUWvxYAxWmRuw8oNlkfspRnDkmSnE5nR0cHuWcOLUO6slIuRHEnSnnJdOlKmruLOX0p5c2/M3mcrjqVlc2kefNuBJXpKW/sncW6pLsheibVLUfZBjKaxsh1Lh663Xf/5m9mS0qmS0u7/uEfmk c OjDD8nQsZ6enoGBAbvd7vF4eJ4Xiy NSboOZHEZk8m0du1aGsIQyGBpW QeBIrNYgIZfUw6XRoaGkjnjXrWYWScTqf6khVLWGhIyiJUZV1XJhsh bHcYtqQvJyUm069uuUoq0BGh45Fo1Gfzzc7O9v57/8uMcxMSYn7m99saWk5fvx4Y2PjJ598cuHChf7 fovF8vDhw0AgQK/7mmEaU09XuUpjkq4DmXzKhQsXnnjiiY0bNyYXUBRWPL1w4cKGDRsMBsOvfvWrvr6 xa84QAFk922HopWTHrJ0OUClh4zEF9pJtgR6yBZaV8qNk0Ub0i1HsV6ZVLccZRvIyEX5A4EAz/MXDh OrF4dW7kytnLlkepqMnTs5MmT58 fv3r16tDQEBk6Fg6H4/H4gq77qpKxctg9Juk6kClUVFT4fD55geTHiqd9fX1r1qyRL2RwcHDx6w6Qb9l926FoZTeGTDEen/zYe71eMrSL/vArxpCR EULkFfJYCb1MWS0AenGkJGg5vV6U54TkPyYVpc80F6xspk/TrcR5h1DphgTttA2pFuOYr0yLLbsLDyQ0YOVwWAwFArdvXNn6pFHZkpKJIb59B//sb29/ejRo83NzR0dHZcvX75169bo6KjX6w0Gg6IoTk1NLTSNpYxZuU1j0lIKZAaD4fTp0/ICyY8VT7du3WowGLq6uuhBz127di1 3QHyLesvPBSnLAKZzWZTjACjp/6RjCX/gadTks ylCSpsrKyvLyc53kpzWmPyXGBnGVJ6lI0oLKy0ul0ZhJipLkzHxd0lqX6Y5WNkO6MThrR6MZRkPcjqqxLyuUkr1eGxZaXhQcy XUu3C6Xqaxs6pFHpJKSy2vWtLa2fnjs2Mcff9zW1nbx4sXr16/bbLaxsTGe56PRaNZpTBG2cp7GJF0HMjqAzO/3v/322 RcS3mB5MeKp88884wi0m3YsGHx6w6Qb4v5zkMRKsJbJy3hiLCEV02vFhjI6MFKlmVnZmY6N22SGCa2alX4sceOvPPOyZMnP/zww1OnTnV2dppMJnrL8HA4vNChY kiVz7SmKTrQCafEovF0oUw ePJycnvfe97ipcUFr/uAPm2yK89FJsiCWTl5eUmk0mau2ZEQ0NDwarOtyW8akvBAgMZ6R4LBoOJROJSS0tk9erEihUzpaWHd 785JNPPjx2rKWl5dy5c Q6Fw8ePJicnMziluHpUlee0pi0ZALZRx99tGbNmvLy8uQC5PHnn38uiuKuXbvkqWvTpk0Gg8FkMslP2Fz8ugPk2 K/ VBUiiSQ2Ww2Mg5M5fidTi3hVVsKFhLISPeYKIqRSCQQCAx95zsSw8yUlnauW9fR0fHRhx82Nze3t7dfunSJXueCLmShF7koZBqTdB3IktXV1ckLkMeVlZXpusG6uroU0ysqKha/7gD5lpMvPxSPIglkANpYYCAjo8c4jut76iky48Qf//Enn3zSdOJEc3NzW1tbV1fX9evXrVbr2NhYQHadiyyaVrA0Ji2ZQLZ /fp33303FovJC5DHQ0NDzz//PClz8eJFRe/axYsXN27caDAYysrKduzYQc/TBChmufr Q5FAIINlbSGBbGZmJh6PJxIJ29x3JPzYY01vv3327NmWlpa2trbPP//cZDINDw 7XC6/3x8KhRZ6nQsFBDI18SSxWIymMVqAPo3FYqRM8kv0VVoAoPjl6vsPRQKBDJa1jAOZ/NL8fr /7 mnA9/4xul33zWZTGfOnDl37tyFCxf6 vru3LlDho7RWyQt8or8BUhjkk4DGcAyl8NdABQDBDJY1hbSQzY9PZ1IJEKhEMdxLpdr4MaNwcHBnp6enp6ey5cvm0ymO3fujI6OTkxM0FskLf7 SFJOr8ivUgUCGYDO5HYvAJpDIINlbSE9ZPIrkI2NjY2Ojt6 fdtsNl /fv3mzZvDw8MOh8Pj8XAcF41Gsx46llJe05iEQAagRznfEYC2EMhgWVv4WZaxWEwQhMnJSZfLdf/ fZvNZrVa7Xa70 mcmJjgOI4M5F/M0LGU8pfGJAQyAD3Kx74ANIRABsvaAgMZ7STjed7n83k8nrGxsbGxMY/H4/f7g8FgntIYkac0JiGQAehRnnYHoBUEMljWsrpSfzwej0ajgiDwPB8IBDiO43k FAqJopi/NJZXCGQA qP1fgNyDIEMlrW5j/qWLVv279/f1NQ0byAjmSyRSMRisWg0GolEotGoKIrxeHxqakqPaUxCIAPQI633G5BjyYHMYrEgkMFyMfdR37Zt2/79 5ubm3t7ey0Wi8rNxaW5frLp6empqalEIkFy2PT0dOZ3qyw2CGQA qP1fgNyTB7IBEHweDwIZLCMzH3Ut2/ffvDgwZaWli MJisXg8HkEQ0gUyaa6rjJ6ASWiyBjmBQAagP1rvNyDHaCCLx MkkFmt1q8CGf7wtzz qqqqamtrW1tbr169arVaSSAjRyH12 VOQQyAP3Rer8BOSYPZKFQyOv12u12zX8d8Ye/Av/t2bOnvr7 zJkz/f39drvd6/WSGx8hkC0KAhlA/mi934AcI4GMXoLc5/M5HA7Nfx3xh78C/x04cKCxsbGzs3NgYMDhcPh8vlAoRE6ZRCDLHgIZQP5ovd AHJOfNRaJRAKBgNvtHhoa6u3tbWtr CDDw4cOLB3796qqqrt27dv27Zt69atW7Zs2QygW1u2bNm6deu2bdu2b99eVVW1d /eAwcOfPDBB21tbb29vUNDQ263OxAIyK8ohkCWJQQygPzRer8BOUbHJk9NTYmiyPO8x Ox2 1ms7m7u7utre2jjz6qr6 vra2tqanZv3///v37jQA6Rz7JNTU1tbW19fX1H330UVtbW3d3t9lsttvtHo H3oySDtvX puaXwhkAPqj9X4Dco8etYzH4 FwmGVZt9tttVoHBgZ6e3s7Ozvb29tbW1tbWlqam5ubmpqamppOAOgW Qw3Nze3tLS0tra2t7d3dnb29vYODAxYrVa3282ybDgcjsfjy R4pYRABqBHWu83IPcUnWSCIPh8Prfbbbfbh4aGzGZzf3//1atXr1y50tvbexlgSejt7b1y5crVq1f7 /vNZvPQ0JDdbne73T6fTxAEcTl1j0kIZAB6pPV A/JCPrRfFEVBEFiW9Xg8LpfL4XDY7Xar1WqxWO4BLCEWi4XcF9zhcLhcLo/Hw7IsSWPLZzg/UYyBDABgebp//77dbh8ZGbHZbBaLZXh4eHBw8NatW2az caNG9fm9AMsCfQjfePGDbPZfOvWrcHBweHhYYvFYrPZRkZG7Hb7/fv3tf5eFk7RBTKtQyoAgDbogUtyQ5h4PC6KYiQSCYfDoVBIEARBEIIASwj5VIdCoXA4HIlERNn9KJfPwUqiGAPZ4msHWNq03m9AHikyGblPXzwej8fjMYAlinzCyS0pl2cakxDIAPRI6/0G5B2NZSSZ0ZsoAyxJ9ENOPvPLLYoRCGQA qP1fgMKZDaVGYAlJOWHXOtvnjYQyAD0R v9Bmgj5U8XwBKg9XerKCCQAeiP1vsNAADIsZSB7P8BIVVcAF7zzk8AAAAASUVORK5CYII=27925


2. label is always put on the left of checkbox/radio icon. how could I put it on the right? just like a standard radio button, there is a round circle following by some text.

your help would be greatly appreciated.

NickT
8 Sep 2011, 8:19 AM
add this to your checkbox... build something as you desire for the radio in this same fashion


baseCls: 'x-plain', renderTpl: [
'<tpl if="fieldEl"><input id="{inputId}" type="{inputType}" name="{name}" class="{fieldCls}" tabIndex="-1" ',
'<tpl if="checked"> checked </tpl>',
' value="{inputValue}">&nbsp;{label}</input>',
'</tpl>'
],

cbweixin
8 Sep 2011, 11:21 AM
thanks a lot for the help. It really works fine now.

I spend some time on the checkbox/radio css, I found the tickmark is drawn by the css listed below:

.x-checkmark-base, .x-item-selected .x-list-selected::before, .x-item-selected .x-list-selected::after, .x-field .x-input-radio::after, .x-field .x-input-checkbox::after, .x-field .x-input-radio:checked::after, .x-field .x-input-checkbox:checked::after {
content:

grotesque13
21 Dec 2012, 12:45 AM
add this to your checkbox... build something as you desire for the radio in this same fashion


baseCls: 'x-plain', renderTpl: [
'<tpl if="fieldEl"><input id="{inputId}" type="{inputType}" name="{name}" class="{fieldCls}" tabIndex="-1" ',
'<tpl if="checked"> checked </tpl>',
' value="{inputValue}">&nbsp;{label}</input>',
'</tpl>'
],




Hello, how i can do back to front - radio button with chekbox style?