# Expression Colour Binding, working in Designer, not in browser **URL:** \ **Category:** Maker\ **Created:** [March 25, 2023, 8:54am UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584 "2023-03-25T08:54:50Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Lewis\_Sutton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lewis_sutton/32/44909_2.png) [@Lewis\_Sutton](https://forum.inductiveautomation.com/u/Lewis_Sutton)\ **Post date:** [March 25, 2023, 8:54am UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584/1 "2023-03-25T08:54:50Z")
Hello, Just wondering if someone can point me in the right direction, I have an expression binding for the colour of an Icon i wish to change due to the page id {page.props.pageId}. Something like if ({page.props.pageId} = "HLT", "orange" , "white"). This seems to work as expected in the designer. However on the browser the colour remains white in the case of above. I have tried #hex colours too, and the same thing happens. I think the image below captures all the elements involved... ![IssueExpress](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/9/99e3ea94b1551f8147d648295c28be7b0a455706.png) ---
**Author:** ![Lewis\_Sutton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lewis_sutton/32/44909_2.png) [@Lewis\_Sutton](https://forum.inductiveautomation.com/u/Lewis_Sutton)\ **Post date:** [March 25, 2023, 9:44am UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584/2 "2023-03-25T09:44:27Z")
So after a little digging it seems that at running in the Browser {page.props.pageId} isn't equal to the sensible page name it is in the designer, such as "HLT" or "Home" but in my case "18870f6f"... I have no idea what this is, any thoughts? Update: It seems I can use {page.props.title} to achieve what I want, but that doesn't seem correct... ![IssueExpress2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/be63cfc18b81b0364b5be07defe5de99d2e9ed36.png) ---
**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\ **Post date:** [March 25, 2023, 1:05pm UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584/3 "2023-03-25T13:05:00Z")
You shouldn't be surprised. The designer is a very limited environment, necessary to achieve any design operations. Its preview only displays a single (fake) page. Real clients can have multiple tabs or windows open within a single session, so ID properties obviously cannot be the same. Vision has similar limitations while testing in the designer. The designer is not and never will be a complete functional test. You must use real clients and real browsers. ---
**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\ **Post date:** [March 25, 2023, 1:07pm UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584/4 "2023-03-25T13:07:25Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/8/98deb4229daf04276a5790887915df5f0b0076e4.png) [https://docs.inductiveautomation.com/display/DOC81/Pages+in+Perspective](https://docs.inductiveautomation.com/display/DOC81/Pages+in+Perspective) ---
**Author:** ![Lewis\_Sutton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lewis_sutton/32/44909_2.png) [@Lewis\_Sutton](https://forum.inductiveautomation.com/u/Lewis_Sutton)\ **Post date:** [March 25, 2023, 4:48pm UTC](https://forum.inductiveautomation.com/t/expression-colour-binding-working-in-designer-not-in-browser/71584/5 "2023-03-25T16:48:31Z")
Thanks and @pturmel for this, interesting and useful, I did read the pageID blurb and I didn't see this issue mentioned by Kevin. What is the Ignition perspective prescribed way of keeping track of the current page? I'm used to a fair few SCADA systems and there's often (always) a "you're.on.this.page.curtently" ability, I assume Ignition has this and I'm just looking in the wrong places? I guess while my views are extremely simple title is the easiest thing to use?