Questions on UI for Blazor Forum

6 answers

422 views

Hello,

Is there a "On Date Cell click" event? For example, based on this example from ASP.NET AJAX (https://demos.telerik.com/aspnet-ajax/scheduler/mobile-examples/overview/default.aspx?name=overview), on clicking a particular the Date Cell in month view, it gets highlighted. I would like to do more than modifying the css (e.g. highlighting) on click, and I'm wondering if such a functionality is available.

Thanks!

Scheduler

answered on 20 Jan 2021

2 answers

459 views

[Solved] Scaling Responsively

Hello,

Is it possible to scale the Calendar to fit the size of the screen and to have the font size, cell size etc scale responsively. As seen in the attached images, if I were to naively increase the width of the calendar to 100%:

1. The cells now have a gap in between them

2. The dates are no longer aligned to the days

Thanks!

Calendar

answered on 20 Jan 2021

1 answer

756 views

[Solved] Disable input & replace with picker

Hello,

Is it possible to disable keyboard input, and display the DateTimePicker when the input area is clicked instead?

Thanks!

DateTimePicker

answered on 20 Jan 2021

1 answer

171 views

[Solved] Abbreviation for Days of Week

Hello,

This example from ASP.NET AJAX (https://demos.telerik.com/aspnet-ajax/scheduler/mobile-examples/overview/default.aspx?name=overview) displays days as "Mon", "Tues" etc, whereas Blazor's Scheduler displays "Monday", "Tuesday" etc. Is there a way to abbreviate the days of week for Blazor Scheduler? This helps to prevent overflow on smaller screens.

Thanks!

Scheduler

answered on 20 Jan 2021

1 answer

1.0K+ views

[Solved] Waitcursor/spinner for button

Is there some way to change a button to have an animated spinning gif after clicking it invokes either a data retrieval or does an update? Something like this (with the boolean as a property in code-behind)?

<TelerikButton OnClick="@(args => NameOfFunction(param1, param2, param))">Retrieve

<template>

@if(IsSaving == false)

{

//Leave button as is

}

else

{

//Put animated spinning gif

}

</template>

</TelerikButton>

Button

answered on 20 Jan 2021

3 answers

335 views

[Solved] Animation set to Off

Hi.
We made some form where data always updates by time period. Can we switch animation to Off for charts?

Charts

answered on 20 Jan 2021

0 answers

682 views

CORS problem

Hello, I get this error on Asp Net 5 WebApi:

Access to XMLHttpRequest at 'http://localhost:5000/Api/curvapeso/upload/azienda/716' from origin 'https://localhost:44344' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

And the endpoint (Upload() action below) isn't reached.

This is my CORS configuration:

services.AddCors(options =>

{

options.AddPolicy("CorsPolicy",

builder =>

{

builder.AllowAnyOrigin()

.AllowAnyMethod()

.AllowAnyHeader();

if (string.IsNullOrEmpty(origin))

{

builder.AllowAnyOrigin();

}

else

{

builder.WithOrigins(origin);

}

});

...

app.UseCors("CorsPolicy");

This is my upload endpoint, and Options handler (see in this post and suggested by the docs):

[HttpOptions("upload/azienda/{idazienda}")]

[AllowAnonymous]

public static IActionResult FileOptions(HttpRequest req)

{

string originSite = req.Headers["Origin"];

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Origin", originSite);

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Methods", "POST, GET, OPTIONS");

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Credentials", "true");

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Headers", "X-PINGOTHER, Content-Type");

return new NoContentResult();

}

[HttpPost("upload/azienda/{idazienda}")]

public async Task<IActionResult> Upload(IEnumerable<IFormFile> files, int idazienda, HttpRequest req)

{

string originSite = req.Headers["Origin"];

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Origin", originSite);

req.HttpContext.Response.Headers.Add("Access-Control-Allow-Credentials", "true");

....

}

has anyone already had this problem? How to solve it?

Thank you very much

Upload

asked on 19 Jan 2021

1 answer

1.1K+ views

color

The default selected color for my switch based on my theme is a reddish color.

I need to occasionally change that on a particular page (blue) . I do not want to change it for every page.

How can I target an individual switch element through css or property.

Any help would be appreciated.

Switch

answered on 19 Jan 2021

1 answer

725 views

[Solved] Mix Telerik UI ASP.NET Core and UI for Blazor

We have an application (razorpages) that is currently using Telerik UI ASP.NET Core. We would successively like to upgrade it to be running Blazor Server-side.
Razorpages and Blazor is no problem mixing, but is it possible to both run Telerik UI ASP.NET Core and UI for Blazor within the same app but use different namespace imports within the pages?

I have failed installing both packages from nuget due to different versions in dependency-packages.

General Discussions

answered on 18 Jan 2021

1 answer

3.2K+ views

TelerikDropDownList: how to set max PopupHeight?

hi...would appreciate guidance on how to set max PopupHeight such that it will be auto until it hits a threshold px level of e.g. 200px after which the dropdown 'fixes' at that max height and becomes scrollable? many thanks

DropDownList

answered on 15 Jan 2021