jQuery Mobile ਬਟਨ ਇਕੋਨ
- پچھلے پیج جی کوئی موبائل بٹن
- آئندہ پیج جی کوئی موبائل ٹولبار
jQuery Mobile ਵੱਲੋਂ ਮੁਹੱਈਆ ਕਰਵਾਈ ਗਈ ਇਕੋਨਾਂ ਨਾਲ ਤੁਸੀਂ ਆਪਣੇ ਬਟਨਾਂ ਨੂੰ ਅਧਿਕ ਆਕਰਸ਼ਕ ਬਣਾ ਸਕਦੇ ਹੋ
jQuery Mobile ਬਟਨ ਵਿੱਚ ਇਕੋਨ ਜੋੜਨਾ
ਤੁਸੀਂ ਆਪਣੇ ਬਟਨ ਵਿੱਚ ਇਕੋਨ ਜੋੜਨ ਲਈ data-icon ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ
<a href="#anylink" data-role="button" data-icon="search">بحث</a>
نکات:ਤੁਸੀਂ <button> ਜਾਂ <input> ਤੱਤ ਵਿੱਚ data-icon ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ
ਹੇਠਾਂ ਅਸੀਂ jQuery Mobile ਵੱਲੋਂ ਮੁਹੱਈਆ ਕਰਵਾਈ ਗਈ ਕੁਝ ਇਕੋਨਾਂ ਦੀ ਸੂਚੀ ਦਿੱਤੀ ਹੈ:
| ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ | ਵਰਣਨ | ਇਕੋਨ | ਉਦਾਹਰਣ |
|---|---|---|---|
| data-icon="arrow-l" | ਕੱਚੇ ਹੱਥੀ | ਟੈਸਟ | |
| data-icon="arrow-r" | ਪਾਸੇ ਹੱਥੀ | ਟੈਸਟ | |
| data-icon="delete" | ਹਟਾਉਣਾ | ਟੈਸਟ | |
| data-icon="info" | ਸੂਚਨਾ | ਟੈਸਟ | |
| data-icon="home" | ਮੁੱਖ ਪੰਨਾ | ਟੈਸਟ | |
| data-icon="back" | ਵਾਪਸ ਜਾਣਾ | ਟੈਸਟ | |
| data-icon="search" | ਖੋਜ | ਟੈਸਟ | |
| data-icon="grid" | ਗ੍ਰਿੱਡ | ਟੈਸਟ |
ਜੇਕਰ ਤੁਸੀਂ jQuery Mobile ਬਟਨ ਇਕੋਨ ਬਾਰੇ ਪੂਰੀ ਸੂਚਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਾਡੇ jQuery Mobile ਇਕੋਨ ਸੂਚੀਕਰਨ。
ਇਕੋਨ ਨਿਰਧਾਰਿਤ ਕਰਨਾ
ਤੁਸੀਂ ਇਕੋਨ ਸਥਿਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ: ਉੱਪਰ, ਕੁੱਝ, ਨੂੰ ਜਾਂ ਕੱਚੇ
ਤੁਸੀਂ data-iconpos ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਥਿਤੀ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ
ਇਕੋਨ ਸਥਿਤੀਃ
<a href="#link" data-role="button" data-icon="search"data-iconpos="top">ਉੱਪਰ</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="right">ਕੁੱਝ</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="bottom">ਨੂੰ</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="left">چپ</a>
نکات:دفعہ کی بنیاد پر، تمام بٹنوں میں آئیکن ایک ساتھ چپ میں رکھے جاتے ہیں۔
صرف آئیکن دکھانا
اگر صرف آئیکن دکھانا چاہیئے تو data-iconpos کو "notext" میں ساتھ رکھیئے:
بیک:
<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">بحث</a>
- پچھلے پیج جی کوئی موبائل بٹن
- آئندہ پیج جی کوئی موبائل ٹولبار
