This is a migrated thread and some comments may be shown as answers.

wasm culture bug?

14 Answers 165 Views
DateTimePicker
This is a migrated thread and some comments may be shown as answers.
wu
Top achievements
Rank 1
Veteran
wu asked on 03 Jun 2020, 04:26 AM

system:windows10 , area:china,

blazor wasm test project,

when put the code in one page;

<TelerikDateTimePicker Value="System.DateTime.Now">
</TelerikDateTimePicker>

run with info:"An unhandled error has occurred",but some other controls like grid is OK!

is there the Culture setting problem?

 

14 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 03 Jun 2020, 07:05 AM

Hello,

Could you check if this is what you are facing: https://feedback.telerik.com/blazor/1460704-calendars-throw-when-non-gregorian-cultures-are-used?

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
wu
Top achievements
Rank 1
Veteran
answered on 03 Jun 2020, 11:18 AM

I put those code in a page ,and call it.

then run ,it is ok!

and I test the datetimepicker control from the other library using the same running environment,it is OK!

 

0
wu
Top achievements
Rank 1
Veteran
answered on 03 Jun 2020, 11:31 AM

And I test the TelerikCalendar control ,it is OK!

so I think the problem is from the textarea of the TelerikDateTimePicker .

If the TelerikGrid control bind the date field,if don't use the following:

         <Template>
                @((context as WeatherForecast).Date.ToString("MMMM dd, yyyy"))
            </Template>

run,Can't jump the page include the TelerikGrid   control!

 

0
Marin Bratanov
Telerik team
answered on 03 Jun 2020, 01:25 PM

Hi,

I am attaching here a sample WebAssembly app that works fine for me - the DateTimePicker works, and paging in the grid works without any templates. Please modify this to showcase the problem and send it back to me so I can invesetigate.

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
wu
Top achievements
Rank 1
Veteran
answered on 04 Jun 2020, 12:34 AM
Ok,I test your project,It is OK.

even when I delete these code

string cultureName = zh-Hans;

var culture = new CultureInfo(cultureName);
CultureInfo.DefaultThreadCurrentCulture = culture;
 CultureInfo.DefaultThreadCurrentUICulture = culture;

Run,it is good!

But when I create the new project ,It doesn't work. The attachment is the new project.
0
wu
Top achievements
Rank 1
Veteran
answered on 04 Jun 2020, 12:36 AM
I can't send the compressed file, here I change the zip file suffix to jpg

0
wu
Top achievements
Rank 1
Veteran
answered on 04 Jun 2020, 01:44 AM

Are there the same dropdowan element about TelerikDropDownList and TelerikDateTimePicker,

when I use the TelerikDropDownList  control,it doesn't work! but your project is OK!

the code:

<TelerikDropDownList Data="@DdlData" @bind-Value="SelectedItem">
</TelerikDropDownList>

@code {
    protected List<string> DdlData = new List<string>() { "first", "second", "third", "fourth", "fifth" };

    protected string SelectedItem { get; set; } = "second";   
}

0
Marin Bratanov
Telerik team
answered on 04 Jun 2020, 09:24 AM

Hi,

The MainLayout.razor in the project is missing the TelerikRootComponent. You can read more about this here: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration

The dropdownlist issue probably has the same origin - this missing component.

Here's how it should look like and it runs fine for me:

 

@inherits LayoutComponentBase
<TelerikRootComponent>
    <div class="sidebar">
        <NavMenu />
    </div>

    <div class="main">
        <div class="top-row px-4">
            <a href="http://blazor.net" target="_blank" class="ml-md-auto">About</a>
        </div>

        <div class="content px-4">
            @Body
        </div>
    </div>
</TelerikRootComponent>

 

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
wu
Top achievements
Rank 1
Veteran
answered on 04 Jun 2020, 12:11 PM

Good!

But it's a little strange that the TelerikRootComponent is required for pop-up controls.

0
Marin Bratanov
Telerik team
answered on 04 Jun 2020, 12:17 PM

The reason why is explained in the article I linked. Said shortly, Blazor does not provide another way to render elements outside of the current component, that that's a must for popups.

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
wu
Top achievements
Rank 1
Veteran
answered on 05 Jun 2020, 02:47 AM

Maybe other control libraries are implemented differently.

https://ant-design-blazor.github.io/zh-CN/components/datePicker

But how to realize popup Shadow!  Current popup controls are easy to mix with the background.



0
Marin Bratanov
Telerik team
answered on 05 Jun 2020, 07:07 AM

Hi,

You could add a box shadow with your own CSS in case the built-in borders are not sufficient for your preferences. At the moment, however, this will target all popups on the page. The following feature would be helpful so you may want to Follow its status: https://feedback.telerik.com/blazor/1433654-component-specific-css-classes-and-ability-to-set-classes-per-instance.

That said, here's a basic example of adding a drop shadow to all our popups (of course, add the preferred rule, this is rather simplistic I generated off a web site for a quick demo):

 

<style>
    .k-animation-container{
        -webkit-box-shadow: 20px 20px 10px 10px rgba(0,0,0,0.75);
        -moz-box-shadow: 20px 20px 10px 10px rgba(0,0,0,0.75);
        box-shadow: 20px 20px 10px 10px rgba(0,0,0,0.75);
    }
</style>

<TelerikDatePicker @bind-Value="@theValue" />
@code{
    DateTime theValue { get; set; }
}

 

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
wu
Top achievements
Rank 1
Veteran
answered on 08 Jun 2020, 02:36 AM

According to your method, I realized the shadow,At the same time, the TreeVew control has been affected,and then solved by style range,It's not perfect, though.

But Shadows and pop-up animations now don't match,Can I only modify the popup effect?So how to modify popup effect globally?













0
Marin Bratanov
Telerik team
answered on 08 Jun 2020, 12:47 PM

Hello,

When the item I previously linked gets implemented, you will be able to assign custom CSS classes to individual popup elements of individual components so you can style them without affecting others.

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
DateTimePicker
Asked by
wu
Top achievements
Rank 1
Veteran
Answers by
Marin Bratanov
Telerik team
wu
Top achievements
Rank 1
Veteran
Share this question
or