Label x property wrong, label not showing up in right place in Gallery: Gantt Chart

(1) Share

Report

Posted on by S S

224 Season of Giving Solutions 2025

I got the original from C# Corner but I modified it. This is what I'm working with and the bar is not starting where it should nor does the width have the correct value.

Label Name: Bar
X = Value((StartDays_1.Text) * 'Gantt Tasks_2'.Width/365) The starting date is not correct on the gantt chart.
Width = (Value(EndDays_1.Text) - Value(StartDays_1.Text)) * 'Gantt Tasks_2'.Width / 365 This calculates correctly.

Tasks is the Gallery Name

StartDays_1 is a Text Input field
                Default = DateDiff(Date(2026,1,1), DateValue(Text(StartDate_1.Text, "[$-en-US]mm/dd/yyyy")))   This calculates correctly.

                EndDays_1 is a Text Input field
                Default = DateDiff(Date(2026,1,1), DateValue(EndDate_1.Text))+1 This calculates correctly.

                StartDate_1 is a Text Input field
                Default = ThisItem.StartDate
                Column name is StartDate
EndDate_1 is a Text Input field
Default = ThisItem.EndDate

Column name is EndDate

Here is my Tree View

Categories:

Building Power Apps

I have the same question (0)

All responses (9)

Answers (0)

Sort by

Suggested answer

11manish 3,333 on at

Like
a
(1)

Report
Copy link

Link copied!

The issue with your X position is caused by using the gallery width incorrectly and relying on TextInput values inside the gallery, which are not reliable for layout calculations.

You should replace 'Gantt Tasks_2'.Width with Parent.Width and ideally calculate directly from ThisItem.StartDate using DateDiff.

This ensures correct positioning and avoids rendering inconsistencies.

Was this reply helpful? Yes No
S S 224 Season of Giving Solutions 2025 on at

Like
a
(1)

Report
Copy link

Link copied!

I will try that now. Thank you!

Was this reply helpful? Yes No
S S 224 Season of Giving Solutions 2025 on at

Like
a
(1)

Report
Copy link

Link copied!

Almost there. I must have missed something.

Label Width= (Value(EndDays_1.Text) - Value(StartDays_1.Text)) * Parent.Width / 365

StartDays_1 default =DateDiff(Date(2026,1,1), ThisItem.StartDate)

EndDays_1 default = DateDiff(Date(2026,1,1), ThisItem.EndDate)

The full bar is not showing for the whole time period and I can't get it to match the month. 108 px

Was this reply helpful? Yes No
Suggested answer

Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @S S,

The bar positions don't match the month headers because the bars and the month header gallery are using different width references. Parent.Width in the Gantt Tasks gallery item is not the same as the total width of the MonthName_1 gallery header.
Fix: make both use the same reference. Replace Parent.Width in your X and Width formulas with the total width of your month header gallery:
X = DateDiff(Date(2026,1,1), ThisItem.StartDate) * MonthName_1.Width / 365
Width = DateDiff(ThisItem.StartDate, ThisItem.EndDate) * MonthName_1.Width / 365
This locks the bar scale to exactly the same pixel-per-day ratio as the month headers so they align correctly.
Also drop the Text Input middlemen completely as mentioned earlier and reference ThisItem.StartDate and ThisItem.EndDate directly. The Text Input default values recalculate inconsistently inside galleries and are almost certainly contributing to the mismatch you're seeing.

Best regards,

Valantis

✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

🏷️ For follow-ups @Valantis.

📝 https://valantisond365.com/

💼 LinkedIn

▶️ YouTube

Was this reply helpful? Yes No
S S 224 Season of Giving Solutions 2025 on at

Like
a
(1)

Report
Copy link

Link copied!

Valantis,

Thank you. I will try the fix.

Regards,

Sharon

Was this reply helpful? Yes No
Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

@S S np, let me know how it goes.

Was this reply helpful? Yes No
S S 224 Season of Giving Solutions 2025 on at

Like
a
(1)

Report
Copy link

Link copied!

I get an error message when I use X = DateDiff(Date(2026,1,1), ThisItem.StartDate) * MonthName_1.Width / 365

It doesn't like ThisItem.StartDate in DateDiff

Was this reply helpful? Yes No
Suggested answer

Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @S S,

DateDiff is rejecting ThisItem.StartDate because the column is coming through as text rather than a date value. Wrap it in DateValue to convert it first:

X = DateDiff(Date(2026,1,1), DateValue(Text(ThisItem.StartDate, "[$-en-US]mm/dd/yyyy"))) * MonthName_1.Width / 365
Width = DateDiff(DateValue(Text(ThisItem.StartDate, "[$-en-US]mm/dd/yyyy")), DateValue(Text(ThisItem.EndDate, "[$-en-US]mm/dd/yyyy"))) * MonthName_1.Width / 365
If your data source is Dataverse or SharePoint with a proper Date column (not text), you can also try just:
X = DateDiff(Date(2026,1,1), ThisItem.StartDate, TimeUnit.Days) * MonthName_1.Width / 365

Adding TimeUnit.Days explicitly sometimes resolves the type mismatch. Try that first as it's cleaner.

Best regards,

Valantis

✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

🏷️ For follow-ups @Valantis.

📝 https://valantisond365.com/

💼 LinkedIn

▶️ YouTube

Was this reply helpful? Yes No
S S 224 Season of Giving Solutions 2025 on at

Like
a
(1)

Report
Copy link

Link copied!

@Valantis

Hello, I'm still getting an error

This is for the bar

This is MonthName_2

Was this reply helpful? Yes No