Color picker Extender is used to display the color dialog box and allow the user to select a color to be applied for foreground or background of a control dynamically at runtime. targetcontrolID : Sample Control ID : Used to set the ID of a control in which you want to display the previous of the color on which user place the mouse pointer within the color dialog box. Popup Position : Used to specify the position where the color picker is display for the target control. Example The following example demonstrates how to use the color pickerextender. Add a page to the website, take a toolkit script manager & a text box on the page and set ID of that Textbox as T1. Within HTML source of the page drag & drop a colorpickerExtender and set following properties for it. <asp:colorpickerExtender ID=”colorpickerExtender1” runat=”server” TargetControlID=”T1” sampleControlID=”T1” popup position=”Right”> </colorpickerextender> At runtime whenever the focus is in the Textbox T1 colorpicker will be display to the right of it and when select a color within if the hexadecimal value of selected color will be displayed in the text box T1.
e:T52c,Color picker Extender is used to display the color dialog box and allow the user to select a color to be applied for foreground or background of a control dynamically at runtime. targetcontrolID : Sample Control ID : Used to set the ID of a control in which you want to display the previous of the color on which user place the mouse pointer within the color dialog box. Popup Position : Used to specify the position where the color picker is display for the target control. Example The following example demonstrates how to use the color pickerextender. Add a page to the website, take a toolkit script manager & a text box on the page and set ID of that Textbox as T1. Within HTML source of the page drag & drop a colorpickerExtender and set following properties for it. <asp:colorpickerExtender ID=”colorpickerExtender1” runat=”server” TargetControlID=”T1” sampleControlID=”T1” popup position=”Right”> </colorpickerextender> At runtime whenever the focus is in the Textbox T1 colorpicker will be display to the right of it and when select a color within if the hexadecimal value of selected color will be displayed in the text box T1.
f:{"id":1,"author_designation":"Content Writer","author_name":"TekSlate","author_bio":"TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills in the market.
","author_img":"https://tekslateassets.s3.amazonaws.com/images/logo.svg","author_url":"tekslate","article_count":"0","field_of_intrest":"","status":1} 11:{"id":38,"views":754,"rating":4.5,"title":"JavaScript Tutorial","url_title":"javascript-tutorials"} 12:{"id":179,"views":5493,"rating":4.4,"title":"JavaScript Interview Questions & Answers","url_title":"javascript-interview-questions-answers"} 13:{"id":1607,"views":293,"rating":4,"title":"Ajax Color Picker Extender","url_title":"ajax-color-picker-extender-example"} 14:{"id":1632,"views":397,"rating":4,"title":"Ajax Always Visible Control Extender","url_title":"ajax-always-visible-control-extender-with-example"} 15:{"id":1649,"views":0,"rating":4,"title":"JavaScript Syntax, Comments, Where To","url_title":"javascript-syntax-comments-where-to"} 16:{"id":1650,"views":0,"rating":4,"title":"JavaScript Variables & Data Types","url_title":"javascript-variables-data-types"} 17:{"id":1651,"views":417,"rating":4,"title":"JavaScript Operators","url_title":"javascript-operators"} 18:{"id":1652,"views":551,"rating":4,"title":"If Statements in JavaScript","url_title":"if-statements-in-javascript-with-examples"} 19:{"id":1653,"views":415,"rating":4,"title":"Loops in JavaScript","url_title":"loops-in-javascript-with-examples"} 1a:{"id":1654,"views":325,"rating":4,"title":"Dialog Boxes in JavaScript","url_title":"dialog-boxes-explination-javascript"} 1b:{"id":1655,"views":278,"rating":4,"title":"Functions in JavaScript","url_title":"functions-javascript"} 1c:{"id":1656,"views":0,"rating":4,"title":"Events in JavaScript with Examples","url_title":"events-in-javascript-with-examples"} 1d:{"id":1657,"views":641,"rating":4,"title":"Page Printing in JavaScrpit","url_title":"page-printing-javascrpit"} 1e:{"id":1658,"views":0,"rating":4,"title":"Cookies in JavaScript","url_title":"cookies-javascript"} 1f:{"id":1659,"views":873,"rating":4,"title":"JavaScript Objects & Properties","url_title":"javascript-objects-properties"} 20:{"id":1676,"views":762,"rating":4,"title":"JavaScript Switch Case","url_title":"javascript-switch-case"} 21:{"id":2109,"views":2541,"rating":4.7,"title":"Next.js Interview Questions","url_title":"nextjs-interview-questions"} 22:{"id":2181,"views":732,"rating":4.6,"title":"React Native Interview Questions ","url_title":"react-native-interview-questions"} 10:["$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22"] 24:{"id":4,"blog_id":416,"blog_title":"Embedded Systems Interview Questions","blog_url_title":"interview-questions-on-embedded-systems","order_value":5,"views":1547} 25:{"id":5,"blog_id":1237,"blog_title":"Types of Pointers in C","blog_url_title":"explain-different-types-pointers-c-language","order_value":6,"views":14352} 26:{"id":6,"blog_id":391,"blog_title":"Oracle Procure To Pay Interview Questions","blog_url_title":"interview-questions-on-oracle-procure-to-pay","order_value":1,"views":4352} 27:{"id":7,"blog_id":1216,"blog_title":"Characteristics of C Language","blog_url_title":"characteristics-of-c-language","order_value":2,"views":10834} 28:{"id":8,"blog_id":939,"blog_title":"Salesforce Sample Triggers with different Scenarios","blog_url_title":"15-sample-triggers-different-scenarios","order_value":3,"views":11712} 29:{"id":9,"blog_id":344,"blog_title":"Oracle Financials Interview Questions","blog_url_title":"oracle-financials-interview-questions-and-answers","order_value":4,"views":9437} 2a:{"id":10,"blog_id":441,"blog_title":"Service Desk Analyst Interview Questions","blog_url_title":"interview-questions-on-service-desk-analyst","order_value":7,"views":5421} 2b:{"id":11,"blog_id":381,"blog_title":"SAP OOPS ABAP Interview Questions","blog_url_title":"interview-questions-on-sap-oops-abap","order_value":8,"views":5421} 2c:{"id":12,"blog_id":380,"blog_title":"SAP Adobe Forms Interview Questions","blog_url_title":"interview-questions-on-sap-adobe-forms","order_value":9,"views":1875} 2d:{"id":13,"blog_id":2079,"blog_title":"Power Apps Interview Questions","blog_url_title":"powerapps-interview-questions","order_value":10,"views":7541} 23:["$24","$25","$26","$27","$28","$29","$2a","$2b","$2c","$2d"] 2f:{"id":12,"course":"ETL Testing Training","rating":"4.6","enrolled":"2732","url_title":"etl-testing-training"} 30:{"id":14,"course":"IBM BigFix Training","rating":"4.8","enrolled":"3213","url_title":"ibm-bigfix-training"} 31:{"id":33,"course":"Cassandra Training","rating":"4.8","enrolled":"5473","url_title":"cassandra-training"} 32:{"id":35,"course":"IBM BPM Training","rating":"4.9","enrolled":"5658","url_title":"ibm-lombardi-bpm-training"} 33:{"id":42,"course":"StreamServe Training ","rating":"4.5","enrolled":"292","url_title":"streamserve-training"} 34:{"id":52,"course":"Informatica MDM Training","rating":"4.8","enrolled":"4533","url_title":"informatica-mdm-training"} 35:{"id":55,"course":"IBM WebSphere Message Broker (IIB) Training","rating":"4.5","enrolled":"1214","url_title":"ibm-websphere-message-broker-training"} 36:{"id":84,"course":"Ruby Cucumber Training","rating":"4.9","enrolled":"4962","url_title":"ruby-cucumber-training"} 37:{"id":93,"course":"RAC DBA Training","rating":"4.9","enrolled":"5421","url_title":"oracle-rac-dba-training"} 38:{"id":94,"course":"Tibco BE Training","rating":"4.8","enrolled":"2376","url_title":"tibco-business-events-training"} 39:{"id":97,"course":"Oracle Apps Technical Training","rating":"4.8","enrolled":"1952","url_title":"oracle-apps-technical-training"} 3a:{"id":104,"course":"Oracle ADF Training","rating":"4.8","enrolled":"5779","url_title":"oracle-adf-training"} 3b:{"id":107,"course":"SAS Clinical Training","rating":"4.9","enrolled":"5428","url_title":"sas-clinical-training"} 3c:{"id":110,"course":"Informatica Big Data Management Training","rating":"5","enrolled":"4332 ","url_title":"informatica-big-data-edition-training"} 3d:{"id":118,"course":"SEO Training","rating":"4.7","enrolled":"2495","url_title":"seo-training"} 2e:["$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d"] 3e:{"id":1985,"name":"Ajax Color Picker Extender","slug":"ajax-color-picker-extender-example","type":"articles","status":1} d:{"id":1607,"blog_category":244,"blog_type":3,"wp_id":1,"excerpt":"","table_of_content":"","description":"$e","title":"Ajax Color Picker Extender","url_title":"ajax-color-picker-extender-example","image_url":"","meta_title":"Ajax Color Picker Extender","meta_desc":"In this Tutorial you will get complete information on Ajax Color Picker Extender with Example. ","views":293,"rating":4,"author":"1","top_level_cat_id":"50","author_desc":"","course_id":"245","created_at":"2014-12-28T08:34:02.000Z","updated_at":"2018-09-20T10:50:07.000Z","status":1,"video_schema_name":"","video_schema_upload_date":"","video_schema_description":"","faq_schema_q1":"","faq_schema_a1":"","faq_schema_q2":"","faq_schema_a2":"","faq_schema_q3":"","faq_schema_a3":"","like_counter":0,"author_details":"$f","related_blogs":"$10","recommended_articles":"$23","recommended_programs":"$2e","category_name":"JavaScript","category_url":"javascript","type_d":"$3e"} 2:["$","$Lb",null,{"rohit":{"trending":{"id":1607,"blog_category":244,"blog_type":3,"wp_id":1,"excerpt":"","table_of_content":"","description":"$c","title":"Ajax Color Picker Extender","url_title":"ajax-color-picker-extender-example","image_url":"","meta_title":"Ajax Color Picker Extender","meta_desc":"In this Tutorial you will get complete information on Ajax Color Picker Extender with Example. ","views":293,"rating":4,"author":"1","top_level_cat_id":"50","author_desc":"","course_id":"245","created_at":"2014-12-28T08:34:02.000Z","updated_at":"2018-09-20T10:50:07.000Z","status":1,"video_schema_name":"","video_schema_upload_date":"","video_schema_description":"","faq_schema_q1":"","faq_schema_a1":"","faq_schema_q2":"","faq_schema_a2":"","faq_schema_q3":"","faq_schema_a3":"","like_counter":0,"author_details":{"id":1,"author_designation":"Content Writer","author_name":"TekSlate","author_bio":"TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills in the market.
","author_img":"https://tekslateassets.s3.amazonaws.com/images/logo.svg","author_url":"tekslate","article_count":"0","field_of_intrest":"","status":1},"related_blogs":[{"id":38,"views":754,"rating":4.5,"title":"JavaScript Tutorial","url_title":"javascript-tutorials"},{"id":179,"views":5493,"rating":4.4,"title":"JavaScript Interview Questions & Answers","url_title":"javascript-interview-questions-answers"},{"id":1607,"views":293,"rating":4,"title":"Ajax Color Picker Extender","url_title":"ajax-color-picker-extender-example"},{"id":1632,"views":397,"rating":4,"title":"Ajax Always Visible Control Extender","url_title":"ajax-always-visible-control-extender-with-example"},{"id":1649,"views":0,"rating":4,"title":"JavaScript Syntax, Comments, Where To","url_title":"javascript-syntax-comments-where-to"},{"id":1650,"views":0,"rating":4,"title":"JavaScript Variables & Data Types","url_title":"javascript-variables-data-types"},{"id":1651,"views":417,"rating":4,"title":"JavaScript Operators","url_title":"javascript-operators"},{"id":1652,"views":551,"rating":4,"title":"If Statements in JavaScript","url_title":"if-statements-in-javascript-with-examples"},{"id":1653,"views":415,"rating":4,"title":"Loops in JavaScript","url_title":"loops-in-javascript-with-examples"},{"id":1654,"views":325,"rating":4,"title":"Dialog Boxes in JavaScript","url_title":"dialog-boxes-explination-javascript"},{"id":1655,"views":278,"rating":4,"title":"Functions in JavaScript","url_title":"functions-javascript"},{"id":1656,"views":0,"rating":4,"title":"Events in JavaScript with Examples","url_title":"events-in-javascript-with-examples"},{"id":1657,"views":641,"rating":4,"title":"Page Printing in JavaScrpit","url_title":"page-printing-javascrpit"},{"id":1658,"views":0,"rating":4,"title":"Cookies in JavaScript","url_title":"cookies-javascript"},{"id":1659,"views":873,"rating":4,"title":"JavaScript Objects & Properties","url_title":"javascript-objects-properties"},{"id":1676,"views":762,"rating":4,"title":"JavaScript Switch Case","url_title":"javascript-switch-case"},{"id":2109,"views":2541,"rating":4.7,"title":"Next.js Interview Questions","url_title":"nextjs-interview-questions"},{"id":2181,"views":732,"rating":4.6,"title":"React Native Interview Questions ","url_title":"react-native-interview-questions"}],"recommended_articles":[{"id":4,"blog_id":416,"blog_title":"Embedded Systems Interview Questions","blog_url_title":"interview-questions-on-embedded-systems","order_value":5,"views":1547},{"id":5,"blog_id":1237,"blog_title":"Types of Pointers in C","blog_url_title":"explain-different-types-pointers-c-language","order_value":6,"views":14352},{"id":6,"blog_id":391,"blog_title":"Oracle Procure To Pay Interview Questions","blog_url_title":"interview-questions-on-oracle-procure-to-pay","order_value":1,"views":4352},{"id":7,"blog_id":1216,"blog_title":"Characteristics of C Language","blog_url_title":"characteristics-of-c-language","order_value":2,"views":10834},{"id":8,"blog_id":939,"blog_title":"Salesforce Sample Triggers with different Scenarios","blog_url_title":"15-sample-triggers-different-scenarios","order_value":3,"views":11712},{"id":9,"blog_id":344,"blog_title":"Oracle Financials Interview Questions","blog_url_title":"oracle-financials-interview-questions-and-answers","order_value":4,"views":9437},{"id":10,"blog_id":441,"blog_title":"Service Desk Analyst Interview Questions","blog_url_title":"interview-questions-on-service-desk-analyst","order_value":7,"views":5421},{"id":11,"blog_id":381,"blog_title":"SAP OOPS ABAP Interview Questions","blog_url_title":"interview-questions-on-sap-oops-abap","order_value":8,"views":5421},{"id":12,"blog_id":380,"blog_title":"SAP Adobe Forms Interview Questions","blog_url_title":"interview-questions-on-sap-adobe-forms","order_value":9,"views":1875},{"id":13,"blog_id":2079,"blog_title":"Power Apps Interview Questions","blog_url_title":"powerapps-interview-questions","order_value":10,"views":7541}],"recommended_programs":[{"id":12,"course":"ETL Testing Training","rating":"4.6","enrolled":"2732","url_title":"etl-testing-training"},{"id":14,"course":"IBM BigFix Training","rating":"4.8","enrolled":"3213","url_title":"ibm-bigfix-training"},{"id":33,"course":"Cassandra Training","rating":"4.8","enrolled":"5473","url_title":"cassandra-training"},{"id":35,"course":"IBM BPM Training","rating":"4.9","enrolled":"5658","url_title":"ibm-lombardi-bpm-training"},{"id":42,"course":"StreamServe Training ","rating":"4.5","enrolled":"292","url_title":"streamserve-training"},{"id":52,"course":"Informatica MDM Training","rating":"4.8","enrolled":"4533","url_title":"informatica-mdm-training"},{"id":55,"course":"IBM WebSphere Message Broker (IIB) Training","rating":"4.5","enrolled":"1214","url_title":"ibm-websphere-message-broker-training"},{"id":84,"course":"Ruby Cucumber Training","rating":"4.9","enrolled":"4962","url_title":"ruby-cucumber-training"},{"id":93,"course":"RAC DBA Training","rating":"4.9","enrolled":"5421","url_title":"oracle-rac-dba-training"},{"id":94,"course":"Tibco BE Training","rating":"4.8","enrolled":"2376","url_title":"tibco-business-events-training"},{"id":97,"course":"Oracle Apps Technical Training","rating":"4.8","enrolled":"1952","url_title":"oracle-apps-technical-training"},{"id":104,"course":"Oracle ADF Training","rating":"4.8","enrolled":"5779","url_title":"oracle-adf-training"},{"id":107,"course":"SAS Clinical Training","rating":"4.9","enrolled":"5428","url_title":"sas-clinical-training"},{"id":110,"course":"Informatica Big Data Management Training","rating":"5","enrolled":"4332 ","url_title":"informatica-big-data-edition-training"},{"id":118,"course":"SEO Training","rating":"4.7","enrolled":"2495","url_title":"seo-training"}],"category_name":"JavaScript","category_url":"javascript","type_d":{"id":1985,"name":"Ajax Color Picker Extender","slug":"ajax-color-picker-extender-example","type":"articles","status":1}},"type":"articles","categories":[]},"data":"$d"}] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Ajax Color Picker Extender"}],["$","meta","3",{"name":"description","content":"In this Tutorial you will get complete information on Ajax Color Picker Extender with Example. "}],["$","meta","4",{"name":"application-name","content":"tekslatetutor"}],["$","meta","5",{"name":"generator","content":"tekslatetutor"}],["$","link","6",{"rel":"canonical","href":"https://tekslate.com/ajax-color-picker-extender-example"}],["$","meta","7",{"property":"og:title","content":"Ajax Color Picker Extender"}],["$","meta","8",{"property":"og:description","content":"In this Tutorial you will get complete information on Ajax Color Picker Extender with Example. "}],["$","meta","9",{"property":"og:url","content":"https://tekslate.com/ajax-color-picker-extender-example"}],["$","meta","10",{"property":"og:site_name","content":"tekslatetutor"}],["$","meta","11",{"property":"og:locale","content":"en_US"}],["$","meta","12",{"property":"og:image","content":"https://tekslateassets.s3.amazonaws.com/images/TekSlate_New+Colour.svg"}],["$","meta","13",{"property":"og:image:width","content":"1200"}],["$","meta","14",{"property":"og:image:height","content":"628"}],["$","meta","15",{"property":"og:type","content":"website"}],["$","meta","16",{"name":"twitter:card","content":"summary"}],["$","meta","17",{"name":"twitter:creator","content":"@tekslatetutor"}],["$","meta","18",{"name":"twitter:title","content":"Ajax Color Picker Extender"}],["$","meta","19",{"name":"twitter:description","content":"In this Tutorial you will get complete information on Ajax Color Picker Extender with Example. "}],["$","meta","20",{"name":"twitter:image","content":"https://tekslateassets.s3.amazonaws.com/images/TekSlate_New+Colour.svg"}],["$","link","21",{"rel":"icon","href":"https://tekslateassets.s3.amazonaws.com/images/favicon.svg"}]] 1:null