search

microsoft / fluentui-blazor

Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
https://www.fluentui-blazor.net
MIT License
3.87k stars 376 forks source link

FluentDatePicker Formatting #1430

Closed cowsen closed 8 months ago

cowsen commented 9 months ago

When I click on the Fluent DatePicker calendar icon, I get a dropdown list with first the month, followed by up and down arrows, then days of the week, followed by days of the month.

I have a hybrid Blazor desktop app with Fluent UI Blazor components and WPF for navigation. The razor markup code is:

DD/MM/YYYY

<FluentDatePicker id="invoicedate" @bind-Value="@ContextModel.InvoiceDate" TValue="DateTime?" Placeholder="DD/MM/YYYY" style="font-size:16px; padding:5px;background-color:ghostwhite; border-radius:2px; ">

Finally, the index.html code is: <!DOCTYPE html>

ClinicServices
Loading...
An unhandled error has occurred. Reload đź—™

FluentBlazor.styles.css code has minimal styling for error dialogs

dvoituron commented 9 months ago

Without reproducing your problem, I can't solve anything :-) It seems to be a cache problem. Could you clear your browser's cache and restart your project?

vnbaaij commented 9 months ago

Also, you are adding blazor.web.js twice. Once before calling the initialization loader and once after. Probably our events do not get hooked up. Remove the first blazor.web.js call and try again

cowsen commented 9 months ago

Denis,

Thank you for you quick response. I tried clearing Chrome browser’s cache to no avail. I have a similar problem with the default paging with FluentDataGrid. Since I haven’t seen any others with similar problems on your website, I am wondering if it might have something to do with the fact I am running a hybrid desktop application (WPF)?

I am attaching my original request with better formatting/layout than I could achieve on your website:

When I click on the Fluent DatePicker calendar icon, I get a dropdown list with first the month, followed by up and down arrows, then days of the week, followed by days of the month. [A screenshot of a computer Description automatically generated]

I have a hybrid Blazor desktop app with Fluent UI Blazor components and WPF for navigation. The razor markup code is:

DD/MM/YYYY

<FluentDatePicker id="invoicedate" @@.***" TValue="DateTime?" Placeholder="DD/MM/YYYY" style="font-size:16px; padding:5px;background-color:ghostwhite; border-radius:2px; ">

Finally, the index.html code is:

<!DOCTYPE html>

ClinicServices
Loading...
An unhandled error has occurred. Reload đź—™

FluentBlazor.styles.css code has minimal styling for error dialogs.

Craig

From: Denis Voituron @.> Sent: Saturday, February 3, 2024 3:09 AM To: microsoft/fluentui-blazor @.> Cc: Owsen, Craig @.>; Author @.> Subject: Re: [microsoft/fluentui-blazor] FluentDatePicker Formatting (Issue #1430)

WARNING: This email originated from outside the organization. Please validate the sender’s email address and do not click links or open attachments unless you recognize the sender and are expecting the message.

Without reproducing your problem, I can't solve anything :-) It seems to be a cache problem. Could you clear your browser's cache and restart your project?

— Reply to this email directly, view it on GitHubhttps://urldefense.com/v3/__https:/github.com/microsoft/fluentui-blazor/issues/1430*issuecomment-1925236049__;Iw!!Dsthdr1F7A!EESmptgb180q5uUsPUCmS7MzkJ3Imd_JMtvir5eR94xYUJU_zuhsspTaetrqUEj9MRP2-jjfl3yFL7pai1BupTCqWdX2$, or unsubscribehttps://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/AEORA6IZOMLDT6NI6QKYNTLYRX5D3AVCNFSM6AAAAABCXE5LPSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRVGIZTMMBUHE__;!!Dsthdr1F7A!EESmptgb180q5uUsPUCmS7MzkJ3Imd_JMtvir5eR94xYUJU_zuhsspTaetrqUEj9MRP2-jjfl3yFL7pai1BupRGsl-gv$. You are receiving this because you authored the thread.Message ID: @.***>

cowsen commented 9 months ago

Vincent,

Thank you for your fast response. I had noticed that yesterday and removed it but to no avail. I have a similar problem with the default paging with FluentDataGrid. Since I haven’t seen any others with similar problems on your website, I am wondering if it might have something to do with the fact I am running a hybrid desktop application (WPF)?

I am attaching my original request with better formatting/layout than I could achieve on your website:

When I click on the Fluent DatePicker calendar icon, I get a dropdown list with first the month, followed by up and down arrows, then days of the week, followed by days of the month. [A screenshot of a computer Description automatically generated]

I have a hybrid Blazor desktop app with Fluent UI Blazor components and WPF for navigation. The razor markup code is:

DD/MM/YYYY

<FluentDatePicker id="invoicedate" @@.***" TValue="DateTime?" Placeholder="DD/MM/YYYY" style="font-size:16px; padding:5px;background-color:ghostwhite; border-radius:2px; ">

Finally, the index.html code is:

<!DOCTYPE html>

ClinicServices
Loading...
An unhandled error has occurred. Reload đź—™

FluentBlazor.styles.css code has minimal styling for error dialogs.

Craig

From: Vincent Baaij @.> Sent: Saturday, February 3, 2024 4:04 AM To: microsoft/fluentui-blazor @.> Cc: Owsen, Craig @.>; Author @.> Subject: Re: [microsoft/fluentui-blazor] FluentDatePicker Formatting (Issue #1430)

WARNING: This email originated from outside the organization. Please validate the sender’s email address and do not click links or open attachments unless you recognize the sender and are expecting the message.

Also, you are adding blazor.web.js twice. Once before calling the initialization loader and once after. Probably our events do not get hooked up. Remove the first blazor.web.js call and try again

— Reply to this email directly, view it on GitHubhttps://urldefense.com/v3/__https:/github.com/microsoft/fluentui-blazor/issues/1430*issuecomment-1925252628__;Iw!!Dsthdr1F7A!D48_bOyyQpozOLWKkGh6DHnMIp-ZSwEln6nKD3v5Cro9V7tNsO2Jsj8tmdTySTedxeWZ26zGljeErFqDGy5oN8XdWg7U$, or unsubscribehttps://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/AEORA6I24QWQ3AL3645WGYTYRYDR3AVCNFSM6AAAAABCXE5LPSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRVGI2TENRSHA__;!!Dsthdr1F7A!D48_bOyyQpozOLWKkGh6DHnMIp-ZSwEln6nKD3v5Cro9V7tNsO2Jsj8tmdTySTedxeWZ26zGljeErFqDGy5oN6j3aTBQ$. You are receiving this because you authored the thread.Message ID: @.**@.>>

vnbaaij commented 9 months ago

Sorry, but I do not understand what exatly is the issue. Add some screenshots maybe?

cowsen commented 9 months ago

Vincent,

So, will there be a fix in a future update?

Craig

From: Vincent Baaij @.> Sent: Tuesday, February 6, 2024 4:12 AM To: microsoft/fluentui-blazor @.> Cc: Owsen, Craig @.>; Author @.> Subject: Re: [microsoft/fluentui-blazor] FluentDatePicker Formatting (Issue #1430)

WARNING: This email originated from outside the organization. Please validate the sender’s email address and do not click links or open attachments unless you recognize the sender and are expecting the message.

Sorry, but I understand what exatly is the issue. Add some screenshots maybe?

— Reply to this email directly, view it on GitHubhttps://urldefense.com/v3/__https:/github.com/microsoft/fluentui-blazor/issues/1430*issuecomment-1929184141__;Iw!!Dsthdr1F7A!For1YZY1mlFVfV8F2M5cLK852csxDWrzZqE2ksqdBaHx-y5amI3pSdu61JXF35JzoXdWxH8V64_ptYL5tm2FqItxdFXH$, or unsubscribehttps://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/AEORA6IKW5HAN2QTEADBRGLYSH6XRAVCNFSM6AAAAABCXE5LPSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRZGE4DIMJUGE__;!!Dsthdr1F7A!For1YZY1mlFVfV8F2M5cLK852csxDWrzZqE2ksqdBaHx-y5amI3pSdu61JXF35JzoXdWxH8V64_ptYL5tm2FqPfyoLTG$. You are receiving this because you authored the thread.Message ID: @.***>

vnbaaij commented 9 months ago

You still have not made clear what the issue is...

vnbaaij commented 8 months ago

Closed due to inactivity