You’ve been there before: you have keyboard and mouse control on someone else’s computer, and you want to copy some text and send it to yourself. You find a chat client, and you instant message the notes to yourself. After the call, you open up the chat client, copy the notes, and paste them somewhere else. But they’re different. Timestamps and usernames have been added. Text has been auto-corrected. Straight quotes are now curly. Scripts and commands no longer work.
This video shows you how to create a scratch pad that takes advantage of DSA’s lightweight data storage to continually save notes to the server. You just open a browser, type a URL, and you can start pasting and typing notes with confidence. Follow along as we use DGLux5 to create this friendly, basic user interface.
Topics covered in this video:
- Introduction—0:00 to 2:22
- Storing data on DSA server—2:23 to 3:13
- Uploading assets—3:13 to 3:47
- Creating layout and panels—3:47 to 9:06
- Creating a repeater that reflects current user note list—9:07 to 21:08
- Creating note panel selection behavior—21:08 to 24:54
- Creating dynamic titles for both panels—24:54 to 29:01
- Adding an HTML editor widget that loads and sets data values—29:06 to 35:15
- Creating UI elements that add, delete, and rename notes—35:15 to 51:01
- Important UI and logic cleanup, for selection changes and edge cases—51:02 to 55:56
- Dialog for user name entry—55:56 to 1:00:53
- Final demonstration—1:00:53 to end
Visit this link to download additional materials to help with this project:
- Assets ZIP
- Project DG5
- HTML Editor project ZIP
To use an icon font instead of individual SVGs, follow the steps here.
For a list of supported date formats, go here.
Additional materials to help with this project:
- ZIP file of assets: download
- Project DG5 file: download
- HTML Editor project ZIP: download
Join the conversation
Find more DGLux5 tutorials at this link: