# App Lab UI Elements Documentation?

**URL:** <https://forum.code.org/t/app-lab-ui-elements-documentation/14283>\
**Category:** Unit and Lesson Discussion\
**Tags:** csd-unit-4, csd-unit-4-lesson-12\
**Created:** [February 9, 2018, 7:34pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283 "2018-02-09T19:34:46Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Rowland](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/matt_rowland/32/881_2.png) [@Matt\_Rowland](https://forum.code.org/u/Matt_Rowland)\
**Post date:** [February 9, 2018, 7:34pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/1 "2018-02-09T19:34:46Z")

</div>

My students and I are designing our App screens now and are running into some trouble using some UI elements. Specifically, It is not super clear exactly how to use the Chart element. Is there some documentation explaining in some detail exactly how to program the element to draw a specific chart? Can charts be drawn in Google Sheets and the resulting chart and data imported?

---

<div class="post-metadata">

**Author:** ![bradleywellsashley](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/bradleywellsashley/32/522_2.png) [@bradleywellsashley](https://forum.code.org/u/bradleywellsashley)\
**Post date:** [February 11, 2018, 11:11pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/2 "2018-02-11T23:11:31Z")

</div>

Matt,

I’ve not been asked that question, and didn’t see any specific lesson focused on chart creation. I when to the open [AppLab](http://studio.code.org/projects/applab) (where we have access to all the available blocks of code) and found under Data the `drawChart` and `drawChartFromRecords` blocks. When I moused over to view documentation, it gave some examples which might be helpful, but it looks like it’s always drawing from an array (which can be found in the variables section). This will take some looking into (and now I’m interested as well, so I’ve got my night planned…) but I’m thinking that if a student really wants to, they could do some research and then a screencast to share for other interested parties on the forum…

Let me know how it goes!  
Brad

---

<div class="post-metadata">

**Author:** ![styrrell](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@styrrell](https://forum.code.org/u/styrrell)\
**Post date:** [October 9, 2019, 1:08pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/3 "2019-10-09T13:08:42Z")

</div>

I can’t find documentation on the elements in app lab - I wanted to know how to use the canvas element, and can’t find any information on it.  
Thank you

---

<div class="post-metadata">

**Author:** ![edavis](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/edavis/32/4927_2.png) [@edavis](https://forum.code.org/u/edavis)\
**Post date:** [October 9, 2019, 10:42pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/4 "2019-10-09T22:42:52Z")

</div>

Is this the kind of thing you’re looking for?  
[https://docs.code.org/applab/](https://docs.code.org/applab/)

---

<div class="post-metadata">

**Author:** ![rmisuraca](https://avatars.discourse-cdn.com/v4/letter/r/ac91a4/32.png) [@rmisuraca](https://forum.code.org/u/rmisuraca)\
**Post date:** [January 16, 2020, 6:28pm UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/5 "2020-01-16T18:28:50Z")

</div>

My students are going thru CS Discovery Unit 4 now and we are close to the point where we are sharing screens. We want to go beyond design and add some functionality. I am finding there are no real examples in CS Discovery Unit 4 for charts, dropdown, sliders and other ui elements. Even if I look at this documentation it falls short in explanations when using it for the first time especially with students. Where would I find a video or an example that I can remix that would show me how to use some of these ui features?

---

<div class="post-metadata">

**Author:** ![mwood](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mwood/32/4941_2.png) [@mwood](https://forum.code.org/u/mwood)\
**Post date:** [January 17, 2020, 5:06am UTC](https://forum.code.org/t/app-lab-ui-elements-documentation/14283/6 "2020-01-17T05:06:42Z")

</div>

I see Michelle responded on [a different thread.](https://forum.code.org/t/ui-functionality/32083/2) I would concur with her that this unit wasn’t designed to go in depth on App Lab. It is more of a unit where students are encouraged to develop empathy for the needs of other users and to continue developing their abilities in problem solving. I, too, have students want to do more than the unit teaches, but I always tell them to be patient and that they will be able to learn more and do more in unit 6.

If you have time after unit 6 and want to come back to student projects in this unit, I am guessing students will have more of an idea of what they can do and could improve their prototype apps.

Mike
