Telerik Forums
UI for Blazor Forum
1 answer
1.7K+ views

Is there a way to access the file stream of the file and not directly upload the file to an endpoint?

I just need access to the stream to save the file to the database, not the server.

Svetoslav Dimitrov
Telerik team
 answered on 24 Feb 2021
6 answers
67 views

There are a few issues with the "Format" parameter. Are we missing something?

Example: <TelerikDateTimePicker Format="f" @bind-Value="@CurrentDate" Id="f-standard"></TelerikDateTimePicker>

Using the above code, when the date and time is null it shows "f" in the text input. Why? Shouldn't it at least show the proper format. If we write the format using the .NET format instead of shorthand it shows fine but we prefer that when the field is null it shows nothing (empty). Can this be done?

Why didn't you wire up (support) the "placeholder" attribute of the input and allow us to set our own placeholder which could take place of the value in "Format"?

Also, if we set Format="", it will keep the field empty like we desire but then when a date is selected it's in a format that we don't expect or want.

Why don't you create controls that follow the html standard? If you are attaching a date and time picker to an input, why don't you support all html specification attributes of the input?

Showing the date format in the input is ugly and not desirable. See the attached images.

 

 

Marin Bratanov
Telerik team
 answered on 23 Feb 2021
1 answer
194 views

Hi there,

is there a chance to use Telerik.UI.for.Blazor with Blazor REPL? https://blazorrepl.com 
It would save a lot of time to both, customers of Telerik and Telerik support, when we could easily share code snippets,

Marin Bratanov
Telerik team
 answered on 23 Feb 2021
2 answers
1.7K+ views

Is there any way to disable the ListViewCommandButton with Command "Add" after it is clicked?

The problem I am having is that users are accidentally clicking on the "Add" button again instead of the "Save" button when adding a new row to the ListView.

I would like to disable the Add button while the Add new row dialog is open and not enable it again until they either click Save or Cancel button on the new row.

Bob
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 23 Feb 2021
6 answers
977 views

The documentation here https://docs.telerik.com/blazor-ui/components/grid/templates says

Using the row template takes functionality away from the grid because it no longer controls its own rendering. For example, InCell and Inline editing could not render editors, detail templates will not be available, column sorting and reordering cannot change the data itself, only the headers.

However when I take the row template example code from that page and add Sortable=true it appears to sort correctly (example repo at https://github.com/austineric/TelerikGridSorting). Column reordering doesn't work as it says but I can't find anything wrong with the sorting. Does the sorting fail in some way I haven't come across or is it okay to use sorting with row templates?

Daniel
Top achievements
Rank 1
Veteran
 answered on 19 Feb 2021
3 answers
880 views

Hi, 

I'm trying to add a Separator to a TelerikDrawer but it doesn't work as is expected: no separator is added. Instead, an common item is shown that when clicked, an exception is thrown.

I'm using the default DrawerItem class definition. Here is my code: 

 

public class DrawerItem
{
    public string Text { get; set; }
    public string Url { get; set; }
    public string Icon { get; set; }
    public bool IsSeparator { get; set; }
}
 
/* Items */
public List<DrawerItem> NavigablePages { get; set; } = new List<DrawerItem>
{
    new DrawerItem { Text = "System Overview", Url = Constants.Navigation.HOME, Icon = "toggle-full-screen-mode" },
    new DrawerItem { IsSeparator = true, Url = string.Empty }, // --> don't work
    new DrawerItem { Text = "Add Container", Url = Constants.Navigation.CONTAINERFORM, Icon = "plus-outline" },
    new DrawerItem { Text = "Show App Logs", Url = Constants.Navigation.LOGMONITOR, Icon = "paste-plain-text"},
    new DrawerItem { Text = "Options", Url = Constants.Navigation.OPTIONS, Icon = "gear"}
};
 
/* Drawer component definition */
 
    <TelerikDrawer Data="@NavigablePages" @bind-Expanded="@DrawerExpanded" MiniMode="true" Mode="@DrawerMode.Push"
                   @ref="@DrawerRef" @bind-SelectedItem="@SelectedItem" Width="auto">
        <Template>
            <div class="k-drawer-items">
                <ul>
                    @foreach (var item in NavigablePages)
                    {
                        @* stop the propagation of the onclick event to prevent the drawer from collapsing *@
                        @* Use onclick to handle manual item selection and toggle the selected class *@
                        <li @onclick:stopPropagation
                            @onclick="@(() => SelectAndNavigate(item))"
                            class="k-drawer-item @GetSelectedItemClass(item)"
                            style="white-space:nowrap">
                            <span class="k-icon k-i-@item.Icon" style="margin-right: 8px;"></span>
                            @if (DrawerExpanded)
                            {
                                <span class="k-item-text">@item.Text</span>
                            }
                        </li>
                    }
                </ul>
            </div>
        </Template>
        <Content>
            @Body
        </Content>
    </TelerikDrawer>

 

Any suggestion on what's going on? 

Thanks. 
Twain.

Nadezhda Tacheva
Telerik team
 answered on 18 Feb 2021
3 answers
340 views
Hello!
Please help with border padding for chart area.
Min and Max for X-axe getting automatically by code.
Need some padding to correct display first and last x-values

Eric R | Senior Technical Support Engineer
Telerik team
 answered on 18 Feb 2021
4 answers
631 views

Hi.
I want to populate a DropDownList (or a Combobox) everytime the associated button is pressed. I've tried with combobox "OnRead" event but it fires only the first time after the component is created. Any suggestion how to acchieve this? 
Thanks.

Twain.

PD: it's a shame that the components have so few events exposed. This implies constantly looking for hacks and workarounds to reach the expected result.

Twain
Top achievements
Rank 1
 answered on 17 Feb 2021
6 answers
488 views

I have a grid with multiple columns and grouping works fine in full screen mode in both Firefox and Chrome.

But when I open my application in Chrome and use the Chrome DevTools to set the window size to that of an iPad for example, I can't drag the columns to the grouping area anymore. So no grouping possible anymore.

Is that a known issue? I couldn't find similar threads for this issue with blazor.

Thanks in advance!

Marin Bratanov
Telerik team
 answered on 17 Feb 2021
1 answer
130 views

On my own machine in visual studio this works, but it only works sometimes on the web server.

Essentially when the grid loads the first time, I set it as non groupable because the items in the grid at that time do not need to be grouped, there are only ever a few items at this stage.

Depending on other events that happen, the amount of data in the grid changes and I change it to groupable.

I do this with a Boolean such as in the attached file.

Depending on the boolean, I change it to true or false.

This is working fine on my own machine in Visual Studio, and it seems to work fine on the web server on the first load when the web app wakes up for the first time, but doing a page refresh then it doesn't work anymore. Seems like having a slight delay allows it to set some stuff maybe, but on refresh it's too quick?

I get the drag and drop bar but I can't drag any fields, it's like all fields have been set to non groupable.

Maybe I am trying to be too fancy changing up the grouping ability?

Marin Bratanov
Telerik team
 answered on 17 Feb 2021
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?