尊敬的 微信汇率：1円 ≈ 0.046166 元 支付宝汇率：1円 ≈ 0.046257元 [退出登录]
SlideShare a Scribd company logo

Designing an ExtJS user login panel

•Download as PPT, PDF•
•
Arun Prasad
Arun Prasad

The document provides step-by-step instructions for designing a user login panel using ExtJS, including adding form elements, validation, and triggering authentication on button click. It details how to create text fields, add validations, style the form, read field values, and use pop-up messages to provide login status. The tutorial aims to explain the process in a conversational manner, assuming some prior knowledge of ExtJS basics.

Technology
1 of 48
A simplified guide By NithyaVidhyaarthi
Purpose & Pre-requisites ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Author notes… ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Our Roadmap ,[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Points to remember… ,[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Setting the basic platform… ,[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Designing text box with Ext 10 - April - 2011 Designing a User-login panel with ExtJS
How to define a textbox in ExtJS? TIPS 10 - April - 2011 Designing a User-login panel with ExtJS
Coding the first step… ,[object Object],xtype: 'textfield' , fieldLabel: 'User name' , width: 150 , id: 'txtUserName' , allowBlank:false , minLength:3 , maxLength: 30 ,[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Designing the password field ,[object Object],xtype: 'textfield‘ , fieldLabel: ‘Password' , inputType: 'password‘ , width: 150 , id: 'txtUserName' , allowBlank:false , minLength:3 , maxLength: 30 ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Creating a form. ,[object Object],[object Object],var myform = new Ext.form.FormPanel({ width:400 , height: 250 , renderTo: document.body , items:[] /* this is an empty items collection. */ }); 10 - April - 2011 Designing a User-login panel with ExtJS
Form + Textbox ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Additional Info… ,[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Additional Info ,[object Object],var myform = new Ext.form.FormPanel({ width:400 , height: 250 , renderTo: document.body , items:[] /* this is an empty items collection. */ , items:[] /* this cannot exist */ }); 10 - April - 2011 Designing a User-login panel with ExtJS
Additional Info ,[object Object],var myform = new Ext.form.FormPanel({ width:400 , items:[{ items:[{ /* this nesting is permitted */ }] , items:[{ /* this is not permitted, because */ }] /* it is nesting at same level */ }] }); 10 - April - 2011 Designing a User-login panel with ExtJS
Other Observations… ,[object Object],[object Object],[object Object],[object Object],[object Object],INFO 10 - April - 2011 Designing a User-login panel with ExtJS
Building the form further… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
First look at screen… ,[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Styling the form a bit… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],INFO 10 - April - 2011 Designing a User-login panel with ExtJS
The styled login form. ,[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
A close look… ,[object Object],[object Object],Try it yourself: Try changing the frame value (between true & false) , refresh the screen & observe the changes yourself. 10 - April - 2011 Designing a User-login panel with ExtJS
What about the button? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Code to button ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
And, here we go… 10 - April - 2011 Designing a User-login panel with ExtJS
Observance ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Planning the second phase… ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Validation criteria, & process. ,[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
The ExtJS default validation ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Ok fine, but where’s tooltip? ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Coding the tooltip… ,[object Object],[object Object],The first line enables displaying the tooltips, the second line instructs that the error message to be displayed at the right of the “invalid-stated” control. Add these lines of code above the Ext.onReady() line. Now again, lets run the form, and manually cause the blur event for the username field. 10 - April - 2011 Designing a User-login panel with ExtJS
Having a look at tooltip… ,[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Other validations and text… ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Firing the validation at our will ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Firing the validation at our will ,[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Coding the form validation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Wiring form validation & button TIP 10 - April - 2011 Designing a User-login panel with ExtJS
Handlers and Listeners ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
What a listener does? ,[object Object],[object Object],[object Object],[object Object],[object Object],TIP 10 - April - 2011 Designing a User-login panel with ExtJS
Linked listeners ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Clarification INFO 10 - April - 2011 Designing a User-login panel with ExtJS
Reading the values… TIPS 10 - April - 2011 Designing a User-login panel with ExtJS
Beginning authentication… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Final destination… ,[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Past & Present ,[object Object],10 - April - 2011 Designing a User-login panel with ExtJS Past: “Beginning ExtJS with ASP.Net” “ Beginning ExtJS with ASP.Net” (Part two) Present: “Designing a User Login panel with ExtJS”
Author epilogue ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
With Thanks… ,[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Contact me via ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],10 - April - 2011 Designing a User-login panel with ExtJS
Disclaimer ,[object Object],10 - April - 2011 Designing a User-login panel with ExtJS

Recommended

Introduction to ExtJS lesson 01 Part two
Introduction to ExtJS lesson 01 Part twoIntroduction to ExtJS lesson 01 Part two
Introduction to ExtJS lesson 01 Part two
Arun Prasad
 
Ext js user login panel
Ext js user login panelExt js user login panel
Ext js user login panel
Arun Prasad
 
EMC ECD Documentum D2
EMC ECD Documentum D2EMC ECD Documentum D2
EMC ECD Documentum D2
mister_moun
 
The Best Web 2.0 Tools for Teachers - 2012 Edition
The Best Web 2.0 Tools for Teachers - 2012 EditionThe Best Web 2.0 Tools for Teachers - 2012 Edition
The Best Web 2.0 Tools for Teachers - 2012 Edition
Rafael Scapin, Ph.D.
 
Technical Overview of CDS View - SAP HANA Part II
Technical Overview of CDS View - SAP HANA Part IITechnical Overview of CDS View - SAP HANA Part II
Technical Overview of CDS View - SAP HANA Part II
Ashish Saxena
 
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling ModelsIntroduction to Sightly and Sling Models
Introduction to Sightly and Sling Models
Stefano Celentano
 
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
Tae-Seong Park
 
AEM - Client Libraries
AEM - Client LibrariesAEM - Client Libraries
AEM - Client Libraries
Prabhdeep Singh
 

Recommended

Introduction to ExtJS lesson 01 Part two
Introduction to ExtJS lesson 01 Part twoIntroduction to ExtJS lesson 01 Part two
Introduction to ExtJS lesson 01 Part two
Arun Prasad
 
Ext js user login panel
Ext js user login panelExt js user login panel
Ext js user login panel
Arun Prasad
 
EMC ECD Documentum D2
EMC ECD Documentum D2EMC ECD Documentum D2
EMC ECD Documentum D2
mister_moun
 
The Best Web 2.0 Tools for Teachers - 2012 Edition
The Best Web 2.0 Tools for Teachers - 2012 EditionThe Best Web 2.0 Tools for Teachers - 2012 Edition
The Best Web 2.0 Tools for Teachers - 2012 Edition
Rafael Scapin, Ph.D.
 
Technical Overview of CDS View - SAP HANA Part II
Technical Overview of CDS View - SAP HANA Part IITechnical Overview of CDS View - SAP HANA Part II
Technical Overview of CDS View - SAP HANA Part II
Ashish Saxena
 
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling ModelsIntroduction to Sightly and Sling Models
Introduction to Sightly and Sling Models
Stefano Celentano
 
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
[AWSKRUG] 혼자서 커뮤니티 귀동냥하며 만든 Next.js & Amplify & serverless framework 서버리스 웹 플...
Tae-Seong Park
 
AEM - Client Libraries
AEM - Client LibrariesAEM - Client Libraries
AEM - Client Libraries
Prabhdeep Singh
 
Theming Ext JS 4
Theming Ext JS 4Theming Ext JS 4
Theming Ext JS 4
Sencha
 
Introduction to ExtJS
Introduction to ExtJSIntroduction to ExtJS
Introduction to ExtJS
Arun Prasad
 
Nko workshop - node js crud & deploy
Nko workshop - node js crud & deployNko workshop - node js crud & deploy
Nko workshop - node js crud & deploy
Simon Su
 
Ext Js Events
Ext Js EventsExt Js Events
Ext Js Events
jason hu 金良胡
 
Life as an asp.net programmer
Life as an asp.net programmerLife as an asp.net programmer
Life as an asp.net programmer
Arun Prasad
 
Ext js 6
Ext js 6Ext js 6
Ext js 6
Manav Gupta
 
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Codemotion
 
Panal data and the eviews
Panal data and the eviewsPanal data and the eviews
Panal data and the eviews
EconomicsKIT
 
Basics of Ext JS
Basics of Ext JSBasics of Ext JS
Basics of Ext JS
ikhwanhayat
 
Extjs
ExtjsExtjs
Extjs
Girish Srivastava
 
Ext JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell SimeonsExt JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell Simeons
Sencha
 
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark BrocatoSenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
Sencha
 
Intro to Ext JS 4
Intro to Ext JS 4Intro to Ext JS 4
Intro to Ext JS 4
Ed Spencer
 
Introduction to .net framework
Introduction to .net frameworkIntroduction to .net framework
Introduction to .net framework
Arun Prasad
 
Sencha touch
Sencha touchSencha touch
Sencha touch
Akshay Prabhu
 
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes
Martin Stehle
 
Creating a New iSites Tool
Creating a New iSites ToolCreating a New iSites Tool
Creating a New iSites Tool
Harvard Web Working Group
 
IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)
Dushmanta Nath
 
Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)
iFour Technolab Pvt. Ltd.
 
srt311 Project2
srt311 Project2srt311 Project2
srt311 Project2
trayyoo
 
Ext Js
Ext JsExt Js
Ext Js
Corey Butler
 
Sencha touch application v2.00
Sencha touch application v2.00Sencha touch application v2.00
Sencha touch application v2.00
Trịnh Thành
 

More Related Content

Viewers also liked

Theming Ext JS 4
Theming Ext JS 4Theming Ext JS 4
Theming Ext JS 4
Sencha
 
Introduction to ExtJS
Introduction to ExtJSIntroduction to ExtJS
Introduction to ExtJS
Arun Prasad
 
Nko workshop - node js crud & deploy
Nko workshop - node js crud & deployNko workshop - node js crud & deploy
Nko workshop - node js crud & deploy
Simon Su
 
Ext Js Events
Ext Js EventsExt Js Events
Ext Js Events
jason hu 金良胡
 
Life as an asp.net programmer
Life as an asp.net programmerLife as an asp.net programmer
Life as an asp.net programmer
Arun Prasad
 
Ext js 6
Ext js 6Ext js 6
Ext js 6
Manav Gupta
 
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Codemotion
 
Panal data and the eviews
Panal data and the eviewsPanal data and the eviews
Panal data and the eviews
EconomicsKIT
 
Basics of Ext JS
Basics of Ext JSBasics of Ext JS
Basics of Ext JS
ikhwanhayat
 
Extjs
ExtjsExtjs
Extjs
Girish Srivastava
 
Ext JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell SimeonsExt JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell Simeons
Sencha
 
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark BrocatoSenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
Sencha
 
Intro to Ext JS 4
Intro to Ext JS 4Intro to Ext JS 4
Intro to Ext JS 4
Ed Spencer
 
Introduction to .net framework
Introduction to .net frameworkIntroduction to .net framework
Introduction to .net framework
Arun Prasad
 

Viewers also liked (14)

Theming Ext JS 4
Theming Ext JS 4Theming Ext JS 4
Theming Ext JS 4
 
Introduction to ExtJS
Introduction to ExtJSIntroduction to ExtJS
Introduction to ExtJS
 
Nko workshop - node js crud & deploy
Nko workshop - node js crud & deployNko workshop - node js crud & deploy
Nko workshop - node js crud & deploy
 
Ext Js Events
Ext Js EventsExt Js Events
Ext Js Events
 
Life as an asp.net programmer
Life as an asp.net programmerLife as an asp.net programmer
Life as an asp.net programmer
 
Ext js 6
Ext js 6Ext js 6
Ext js 6
 
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
Matteo Murgida - Monet: a NodeJS enterprise system for IoT and Energy Managem...
 
Panal data and the eviews
Panal data and the eviewsPanal data and the eviews
Panal data and the eviews
 
Basics of Ext JS
Basics of Ext JSBasics of Ext JS
Basics of Ext JS
 
Extjs
ExtjsExtjs
Extjs
 
Ext JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell SimeonsExt JS Architecture Best Practices - Mitchell Simeons
Ext JS Architecture Best Practices - Mitchell Simeons
 
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark BrocatoSenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
 
Intro to Ext JS 4
Intro to Ext JS 4Intro to Ext JS 4
Intro to Ext JS 4
 
Introduction to .net framework
Introduction to .net frameworkIntroduction to .net framework
Introduction to .net framework
 

Similar to Designing an ExtJS user login panel

Sencha touch
Sencha touchSencha touch
Sencha touch
Akshay Prabhu
 
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes
Martin Stehle
 
Creating a New iSites Tool
Creating a New iSites ToolCreating a New iSites Tool
Creating a New iSites Tool
Harvard Web Working Group
 
IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)
Dushmanta Nath
 
Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)
iFour Technolab Pvt. Ltd.
 
srt311 Project2
srt311 Project2srt311 Project2
srt311 Project2
trayyoo
 
Ext Js
Ext JsExt Js
Ext Js
Corey Butler
 
Sencha touch application v2.00
Sencha touch application v2.00Sencha touch application v2.00
Sencha touch application v2.00
Trịnh Thành
 
PPT1
PPT1PPT1
PPT1
JAYAARC
 
Enhancements
Enhancements Enhancements
Enhancements
Jaya Lakshmi
 
Vsto 3 Snug
Vsto 3 SnugVsto 3 Snug
Vsto 3 Snug
guest5b8655
 
Vsto 3 Excel Add-in SNUG
Vsto 3 Excel Add-in SNUGVsto 3 Excel Add-in SNUG
Vsto 3 Excel Add-in SNUG
Miguel Santos
 
Introduction Dojo Toolkit & IBM Lotus Domino
Introduction Dojo Toolkit & IBM Lotus DominoIntroduction Dojo Toolkit & IBM Lotus Domino
Introduction Dojo Toolkit & IBM Lotus Domino
Rolf Kremer
 
Cross Platform Mobile App Development - An Introduction to Sencha Touch
Cross Platform Mobile App Development - An Introduction to Sencha TouchCross Platform Mobile App Development - An Introduction to Sencha Touch
Cross Platform Mobile App Development - An Introduction to Sencha Touch
Folio3 Software
 
Asp notes
Asp notesAsp notes
Asp notes
hello232
 
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docxLab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
DIPESH30
 
Building and styling forms
Building and styling formsBuilding and styling forms
Building and styling forms
anna-anna
 
Android interface elements and controls-chapter8
Android interface elements and controls-chapter8Android interface elements and controls-chapter8
Android interface elements and controls-chapter8
Dr. Ramkumar Lakshminarayanan
 
Vb.net ide
Vb.net ideVb.net ide
Vb.net ide
Faisal Aziz
 
forms
formsforms
forms
tutorialsruby
 

Similar to Designing an ExtJS user login panel (20)

Sencha touch
Sencha touchSencha touch
Sencha touch
 
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes
 
Creating a New iSites Tool
Creating a New iSites ToolCreating a New iSites Tool
Creating a New iSites Tool
 
IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)IT- 328 Web Administration (Practicals)
IT- 328 Web Administration (Practicals)
 
Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)Controls Use in Windows Presentation Foundation (WPF)
Controls Use in Windows Presentation Foundation (WPF)
 
srt311 Project2
srt311 Project2srt311 Project2
srt311 Project2
 
Ext Js
Ext JsExt Js
Ext Js
 
Sencha touch application v2.00
Sencha touch application v2.00Sencha touch application v2.00
Sencha touch application v2.00
 
PPT1
PPT1PPT1
PPT1
 
Enhancements
Enhancements Enhancements
Enhancements
 
Vsto 3 Snug
Vsto 3 SnugVsto 3 Snug
Vsto 3 Snug
 
Vsto 3 Excel Add-in SNUG
Vsto 3 Excel Add-in SNUGVsto 3 Excel Add-in SNUG
Vsto 3 Excel Add-in SNUG
 
Introduction Dojo Toolkit & IBM Lotus Domino
Introduction Dojo Toolkit & IBM Lotus DominoIntroduction Dojo Toolkit & IBM Lotus Domino
Introduction Dojo Toolkit & IBM Lotus Domino
 
Cross Platform Mobile App Development - An Introduction to Sencha Touch
Cross Platform Mobile App Development - An Introduction to Sencha TouchCross Platform Mobile App Development - An Introduction to Sencha Touch
Cross Platform Mobile App Development - An Introduction to Sencha Touch
 
Asp notes
Asp notesAsp notes
Asp notes
 
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docxLab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
Lab #9 and 10 Web Server ProgrammingCreate a New Folder I s.docx
 
Building and styling forms
Building and styling formsBuilding and styling forms
Building and styling forms
 
Android interface elements and controls-chapter8
Android interface elements and controls-chapter8Android interface elements and controls-chapter8
Android interface elements and controls-chapter8
 
Vb.net ide
Vb.net ideVb.net ide
Vb.net ide
 
forms
formsforms
forms
 

Recently uploaded

QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
AlexanderRichford
 
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdfLee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
leebarnesutopia
 
Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
UiPathCommunity
 
Real-Time Persisted Events at Supercell
Real-Time Persisted Events at SupercellReal-Time Persisted Events at Supercell
Real-Time Persisted Events at Supercell
ScyllaDB
 
Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
Enterprise Knowledge
 
So You've Lost Quorum: Lessons From Accidental Downtime
So You've Lost Quorum: Lessons From Accidental DowntimeSo You've Lost Quorum: Lessons From Accidental Downtime
So You've Lost Quorum: Lessons From Accidental Downtime
ScyllaDB
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
zjhamm304
 
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My IdentityCNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
Cynthia Thomas
 
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google CloudRadically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
ScyllaDB
 
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDBScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
ScyllaDB
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
Mydbops
 
APJC Introduction to ThousandEyes Webinar
APJC Introduction to ThousandEyes WebinarAPJC Introduction to ThousandEyes Webinar
APJC Introduction to ThousandEyes Webinar
ThousandEyes
 
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
manji sharman06
 
From NCSA to the National Research Platform
From NCSA to the National Research PlatformFrom NCSA to the National Research Platform
From NCSA to the National Research Platform
Larry Smarr
 
MongoDB to ScyllaDB: Technical Comparison and the Path to Success
MongoDB to ScyllaDB: Technical Comparison and the Path to SuccessMongoDB to ScyllaDB: Technical Comparison and the Path to Success
MongoDB to ScyllaDB: Technical Comparison and the Path to Success
ScyllaDB
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 
ThousandEyes New Product Features and Release Highlights: June 2024
ThousandEyes New Product Features and Release Highlights: June 2024ThousandEyes New Product Features and Release Highlights: June 2024
ThousandEyes New Product Features and Release Highlights: June 2024
ThousandEyes
 
Guidelines for Effective Data Visualization
Guidelines for Effective Data VisualizationGuidelines for Effective Data Visualization
Guidelines for Effective Data Visualization
UmmeSalmaM1
 
Discover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched ContentDiscover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched Content
ScyllaDB
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 

Recently uploaded (20)

QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
 
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdfLee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
 
Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
 
Real-Time Persisted Events at Supercell
Real-Time Persisted Events at SupercellReal-Time Persisted Events at Supercell
Real-Time Persisted Events at Supercell
 
Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
 
So You've Lost Quorum: Lessons From Accidental Downtime
So You've Lost Quorum: Lessons From Accidental DowntimeSo You've Lost Quorum: Lessons From Accidental Downtime
So You've Lost Quorum: Lessons From Accidental Downtime
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
 
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My IdentityCNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
CNSCon 2024 Lightning Talk: Don’t Make Me Impersonate My Identity
 
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google CloudRadically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
Radically Outperforming DynamoDB @ Digital Turbine with SADA and Google Cloud
 
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDBScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
ScyllaDB Leaps Forward with Dor Laor, CEO of ScyllaDB
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
 
APJC Introduction to ThousandEyes Webinar
APJC Introduction to ThousandEyes WebinarAPJC Introduction to ThousandEyes Webinar
APJC Introduction to ThousandEyes Webinar
 
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
 
From NCSA to the National Research Platform
From NCSA to the National Research PlatformFrom NCSA to the National Research Platform
From NCSA to the National Research Platform
 
MongoDB to ScyllaDB: Technical Comparison and the Path to Success
MongoDB to ScyllaDB: Technical Comparison and the Path to SuccessMongoDB to ScyllaDB: Technical Comparison and the Path to Success
MongoDB to ScyllaDB: Technical Comparison and the Path to Success
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 
ThousandEyes New Product Features and Release Highlights: June 2024
ThousandEyes New Product Features and Release Highlights: June 2024ThousandEyes New Product Features and Release Highlights: June 2024
ThousandEyes New Product Features and Release Highlights: June 2024
 
Guidelines for Effective Data Visualization
Guidelines for Effective Data VisualizationGuidelines for Effective Data Visualization
Guidelines for Effective Data Visualization
 
Discover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched ContentDiscover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched Content
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 

Designing an ExtJS user login panel

  • 1. A simplified guide By NithyaVidhyaarthi
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Designing text box with Ext 10 - April - 2011 Designing a User-login panel with ExtJS
  • 8. How to define a textbox in ExtJS? TIPS 10 - April - 2011 Designing a User-login panel with ExtJS
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. And, here we go… 10 - April - 2011 Designing a User-login panel with ExtJS
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Wiring form validation & button TIP 10 - April - 2011 Designing a User-login panel with ExtJS
  • 37.
  • 38.
  • 39.
  • 40. Clarification INFO 10 - April - 2011 Designing a User-login panel with ExtJS
  • 41. Reading the values… TIPS 10 - April - 2011 Designing a User-login panel with ExtJS
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  翻译：