# Unit 5 Lesson 8 Loops Make Icon Color Property Hidden

**URL:** https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207
**Category:** Unit and Lesson Discussion
**Created:** [February 9, 2021, 1:36pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207 "2021-02-09T13:36:38Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![mbrunner](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mbrunner/32/5271_2.png) [@mbrunner](https://forum.code.org/u/mbrunner)
#### Post date: [February 9, 2021, 1:36pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/1 "2021-02-09T13:36:38Z")

</div>

When cold coding this lesson before my students, I noticed it was very difficult to understand how to change the colors of the icons. First, you have to understand that the icons are somehow treated differently, and then you have to rely on the dropdown list in the coding environment to let you know there is such a property as icon color. It doesn’t show up as a property in design view and I can’t find it in the app lab documentation. But maybe I am not looking closely enough.

Additionally, ast least in text mode, the dropdowns for on event properties can be a little glitchy.

Maybe some extra “head-up” for teachers/students about this would be helpful? Again, maybe I am missing something but if I do, then my students will as well.

---

<div class="post-metadata">

### Author: ![jdonwells](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/jdonwells/32/7900_2.png) [@jdonwells](https://forum.code.org/u/jdonwells)
#### Post date: [February 9, 2021, 4:13pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/2 "2021-02-09T16:13:02Z")

</div>

I opened a bug up for this and Ken is going to take a look at it for next year.

What I am asking for is the icon0 through icon19 images start with an image set to an icon. When you do that the icon-color property shows up in design mode. I am also asking for icon-color to be initially set using the rgb function so students know how to set it.

I am also asking for the removal of the icon-size property.

The issue is further complicated by computing the ID of the elements. [Bug - unit 5 lesson 8](https://forum.code.org/t/bug-unit-5-lesson-8/33824)

---

<div class="post-metadata">

### Author: ![terence.stone25](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/terence.stone25/32/5124_2.png) [@terence.stone25](https://forum.code.org/u/terence.stone25)
#### Post date: [February 10, 2021, 2:41pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/3 "2021-02-10T14:41:52Z")

</div>

@mbrunner Thanks for raising these concerns. The challenge for the students is to use random numbers to generate the colors, icon positions, and shapes. “icon-color” is a property and it is missing from the App Lab docs. I will pass this on to the curriculum team to address this. When using the UI functions getProperty(), setProperty(), onEvent(), etc., I switch to block mode so I can access the id and property dropdowns. Remember to consult the exemplar on bubble 3, so that you can support your students to the best of your ability. Please let us know if you have additional concerns.

---

<div class="post-metadata">

### Author: ![terence.stone25](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/terence.stone25/32/5124_2.png) [@terence.stone25](https://forum.code.org/u/terence.stone25)
#### Post date: [February 13, 2021, 1:44am UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/4 "2021-02-13T01:44:14Z")

</div>

@mbrunner A description for the icon-color property has been added to the App Lab Doc. [[link]](https://studio.code.org/docs/applab/setProperty/)

---

<div class="post-metadata">

### Author: ![mdkolody](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mdkolody/32/482_2.png) [@mdkolody](https://forum.code.org/u/mdkolody)
#### Post date: [February 16, 2021, 5:12pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/5 "2021-02-16T17:12:37Z")

</div>

Is there a teacher solution for Unit 5 Lesson 8 Loops Make activity for teachers? Because I am also running into this icon-property problem…

Actually nothing shows at all when I run the program and change the colors of each icon, so I am assuming there is something more I need to know about set property, the properties of these icons etc.

---

<div class="post-metadata">

### Author: ![terence.stone25](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/terence.stone25/32/5124_2.png) [@terence.stone25](https://forum.code.org/u/terence.stone25)
#### Post date: [February 16, 2021, 6:35pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/6 "2021-02-16T18:35:26Z")

</div>

@mdkolody There is an examplar (teacher solution) for this activity. Visit bubble 3 and click on the Teacher Panel. You should see the Example Solution there. Please let us know if you need further assistance.

![Screen Shot 2021-02-16 at 1.34.51 PM](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/a/a6c3b3aeec94d622de52345018dc05e259938db0.png)

---

<div class="post-metadata">

### Author: ![rashidaveronique](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@rashidaveronique](https://forum.code.org/u/rashidaveronique)
#### Post date: [April 29, 2021, 1:56pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/7 "2021-04-29T13:56:46Z")

</div>

I found the property by changing to block mode and using a setProperty UI block to see what the property names are.

---

<div class="post-metadata">

### Author: ![jporter](https://avatars.discourse-cdn.com/v4/letter/j/c68b51/32.png) [@jporter](https://forum.code.org/u/jporter)
#### Post date: [January 10, 2022, 7:09pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/8 "2022-01-10T19:09:40Z")

</div>

I totally struggled with changing the size of the lock screen icons. Makes sense to me to program this iteratively, so I changed the width- NOTHING! Then I edited that setProperty to change the height- NOTHING! Finally realized that changing only height or width but not both meant no change would be reflected in what is displayed. I must say this is REALLY unexpected and confusing. Why have two attributes if BOTH must be changed before a change is realized? Is there a place this is documented? Sorry if I missed something obvious.

---

<div class="post-metadata">

### Author: ![bhatnagars](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/bhatnagars/32/4919_2.png) [@bhatnagars](https://forum.code.org/u/bhatnagars)
#### Post date: [January 10, 2022, 7:42pm UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/9 "2022-01-10T19:42:57Z")

</div>

I think if you change only one (height or width) the other also changes proportionally. It maintains a height to width ratio.

---

<div class="post-metadata">

### Author: ![jporter](https://avatars.discourse-cdn.com/v4/letter/j/c68b51/32.png) [@jporter](https://forum.code.org/u/jporter)
#### Post date: [January 11, 2022, 1:25am UTC](https://forum.code.org/t/unit-5-lesson-8-loops-make-icon-color-property-hidden/34207/10 "2022-01-11T01:25:50Z")

</div>

Not for me. If I only change one, the size is completely unchanged. I finally checked the teacher solution and they change both to the same value. That makes sense I guess so the aspect ratio is consistent but I still think it is odd behavior. I mostly wanted to post in case someone had the same problem.
