{"id":3095,"date":"2011-02-19T17:51:19","date_gmt":"2011-02-19T12:21:19","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=3095"},"modified":"2011-02-26T19:49:01","modified_gmt":"2011-02-26T14:19:01","slug":"editable-label-tag-and-introduction-to-effects-tag-lib","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/editable-label-tag-and-introduction-to-effects-tag-lib\/","title":{"rendered":"Editable Label Tag and introduction to Effects Tag Lib"},"content":{"rendered":"<p>Lately i had some spare time, hence decided to utilise it for developing some cool GUI elements.<br \/>\n<\/p>\n<h2>What is effects tag lib??<\/h2>\n<p>It is just a new tag lib which is intended to contain some cool grails tags for GUI manipulations.<br \/>\nnew tags will be added to it on timely basis, this is the first post regarding this tag lib.<br \/>\n<\/p>\n<h2>Editable Lable<\/h2>\n<p>this is the first tag in this tag lib. It is a cool GUI label which can be edited realtime.<br \/>\n<br \/>\n<strong><em>Features:<\/em><\/strong><br \/>\n1) Post-able as a form element.<br \/>\n2) easy value manipulation and extraction.<br \/>\n3) Tool Tip support.<br \/>\n4) Validate-able using, just assign class as you assign to any text field for validation.<br \/>\n5) style-able using css<br \/>\n6) Default value and blank handling<br \/>\n7) easy to use.<br \/>\n<br \/>\n<strong>Details about the tag<\/strong><br \/>\ntag usage:-<br \/>\n<\/p>\n<h3>&lt;etl:editableLable \/&gt;<\/h3>\n<p><b>you can treat this tag as an input text field, it gives you similar behaviour<\/b><br \/>\n<br \/>\nattributes:<br \/>\n1) <strong>name:<\/strong> for form support, the value is posted with the form with param.<name><br \/>\n2) <strong>class:<\/strong> class to be applied, for styling and validation.<br \/>\n3)<strong> id:<\/strong> id given to the input feild<br \/>\n4) <strong>value:<\/strong> value to be displayed on the lable<br \/>\n5) <strong>default:<\/strong> the value to be displayed in case user enters blank in the edit mode<br \/>\n6) <strong>size:<\/strong> the size of the input feild<br \/>\n7) <strong>tooltip:<\/strong> text to be displayed in tool tip. if nothing specified default tooltip text will be displayed. i.e. &#8220;click to edit&#8221;<br \/>\n8] <strong>tooltipclass:<\/strong> class assigned for styling the tooltip as per the page needs<br \/>\n<strong>NOTE:<\/strong> All attributes are <b>not<\/b> required.<br \/>\n<\/p>\n<h1>DEMO:-<\/h1>\n<p>here is the demo to the tag:<br \/>\n<iframe loading=\"lazy\" src=\"http:\/\/www.kushal.likhi.me\/demo\/effectsTagLib-editableLabel.html\" width=\"700px\" height=\"280px\" style=\"border:none\" scroll=\"0\"><\/iframe><\/p>\n<h2>Next Addition<\/h2>\n<p># Image scroller filmstrip tag<br \/>\n# vertical image slider tag<br \/>\n# Editable paragraph tag<br \/>\n# safe string tag<br \/>\n# Drawable rounded border without images tag<br \/>\n# auto sizing-resizing tag<br \/>\n# relative positioning<br \/>\n# image slider normal<br \/>\n# picker tab(3X3) tag<br \/>\n# tool tip provider tag<br \/>\n# progress bar tag<br \/>\n# slider tag<br \/>\n# modal window<br \/>\n# modless window<br \/>\n# progress bar<br \/>\n# more\/less box<br \/>\n# pie graph<br \/>\n# bar graph<br \/>\nkeep looking&#8230;&#8230;&#8230;<br \/>\n<\/p>\n<h2>Download: <\/h2>\n<p>Link coming soon!! within few days.. waiting for some more tags to be completed.<br \/>\n<br \/>\nRegards<br \/>\nKushal Likhi<br \/>\nwww.intelligrape.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lately i had some spare time, hence decided to utilise it for developing some cool GUI elements. What is effects tag lib?? It is just a new tag lib which is intended to contain some cool grails tags for GUI manipulations. new tags will be added to it on timely basis, this is the first [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2},"categories":[7],"tags":[538,535,537,536,534],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/3095"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=3095"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/3095\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=3095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=3095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=3095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}