Unanswered

BUG: Form and Colors Not Rendering Correctly

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

I've been working with this app today with no issue. While working on the OnStart Function, I closed and reopened the app to test the new function. Upon opening, my Form is not rendering correctly. Also some of the Controls in my app are black.

Example:

Session ID: d7999764-c67f-4c3f-9956-9262fec39dfc
PowerApps Version: 3.18112.22

App ID: 18ea6777-ab27-4454-92c0-f097f4721024

Settings:

All Preview Settings ON
All Experimental Settings OFF except "Use Column Display Names"

OnStart Function: The issue happened when I added the "id" column to colVehicles. There are NO errors showing anywhere.

Set(
 varSwatchTest,
 Table(
 {header: "Primary"},
 {color: "primary_fill", colorValue: "#008291"},
 {color: "primary2_fill", colorValue: "#4FA3AE"},
 {color: "primary3_fill", colorValue: "#2D8A97"},
 {color: "primary4_fill", colorValue: "#076572"},
 {color: "primary5_fill", colorValue: "#014F5A"},
 {header: "Secondary"},
 {color: "secondary_fill", colorValue: "#3C4D5D"},
 {color: "secondary2_fill", colorValue: "#74828F"},
 {color: "secondary3_fill", colorValue: "#536474"},
 {color: "secondary4_fill", colorValue: "#2E3032"},
 {color: "secondary5_fill", colorValue: "#03101B"},
 {header: "Accent"},
 {color: "accent_fill", colorValue: "#F85D13"},
 {color: "accent2_fFill", colorValue: "#FF9C6D"},
 {color: "accent3_fill", colorValue: "#FF8144"},
 {color: "accent4_fill", colorValue: "#C64202"},
 {color: "accent5_fill", colorValue: "#9D3300"},
 {header: "Grayscale"},
 {color: "grayscale_fill", colorValue: "#000000"},
 {color: "grayscale2_fill", colorValue: "#F5F5F5"},
 {color: "grayscale3_fill", colorValue: "#C8C8C8"},
 {color: "grayscale4_fill", colorValue: "#787878"},
 {color: "grayscale5_fill", colorValue: "#282828"},
 {header: "Additional"},
 {color: "overlay_fill", colorValue: "#a9a9a9"},
 {color: "info_fill", colorValue: "#007DC6"},
 {color: "success_fill", colorValue: "#0EA80E"},
 {color: "warning_fill", colorValue: "#F7B512"},
 {color: "danger_fill", colorValue: "#C40000"}
 )
);
ClearCollect(
 colVehicles,
 Table(
 {id: 0, vehicle: " ", test: " "},
 {id: 1, vehicle: "0", test: "UMT1"},
 {id: 1, vehicle: "0", test: "UMT2"},
 {id: 2, vehicle: "1", test: "UMT3"},
 {id: 2, vehicle: "1", test: "UMT4"},
 {id: 3, vehicle: "2", test: " "},
 {id: 4, vehicle: "3", test: " "},
 {id: 5, vehicle: "4", test: " "},
 {id: 6, vehicle: "5", test: " "},
 {id: 7, vehicle: "6", test: " "},
 {id: 8, vehicle: "7", test: " "}
 )
);
Set(varTime, TimeValue(Text(DateAdd( Now(), TimeZoneOffset(), Minutes )),"en"))

Fill Property of black object: ColorValue("#4fa3ae")

Any ideas why I'm seeing this error or how to troubleshoot/debug?

Thank you

Categories:

Building Power Apps

I have the same question (0)

All responses (6)

Answers (0)

Sort by

Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

To add to the weirdness (not a flattering adjective for an IDE!)... I copied and pasted one of the controls in question (black one) and it pasted with its correct Fill color!!
Same thing for the buttons:

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

And the Form, when copied and pasted rendered correctly. Of course, I have to deal with all the "_1" 's appended to each Form Control (star, error, input, label) throughout my code up to this point... grrr.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

...And... when Closing/Opening the app... things are back to the error...
What gives here?

Was this reply helpful? Yes No
v-xida-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @ericonline

Do you mean that your app would not be rendered well when you closed and reopened your app?

I have made a test on my side, and don't have the issue that you mentioned.

Please take a try to turn off/disable the "Delayed load" option and "Improved app rendering (final validation)" option within Advanced settings of App settings of your app, then save your app and re-load it, check if the issue is solved.

Please also take a try to clear cache of your browser, and then run your app again, check if the issue still exists.

If the issue still exists, please consider re-create your app to fix this issue.

Best regards,

Kris

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, when closing and opening the app, the controls that I had copied and pasted reverted back to black. I gave up and closed the app altogether. Today when opening the app, the controls appear correctly. THIS IS NOT A FIX. This just means that whatever bug was preventing me from building my app has "disappearred". The screenshots are there, I posted the issue in real time... This is the type of stuff that concerns me about a hosted IDE.

Was this reply helpful? Yes No
iAm_ManCat 18,256 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!
I've found that the OnStart is when the actual App starts, so keep a separate tab with the webapp open. I've not seen the onStart trugger when you're using the studio to edit it.. They may have updated this with the improved rendering but I always create a button on my configuration screen called "Test OnStart", and have it's onSelect perform the same steps as OnStart so that I can trigger it manually when needed. (like when trying to reset without having to close out of it and go back in)

Not sure if it was intentional but you might have a spelling error in your code for one of the vars:
{color: "accent2_fFill", colorValue: "#FF9C6D"},

Was this reply helpful? Yes No