Telerik Forums
UI for Blazor Forum
1 answer
115 views

Our company is evaluating Telerik's Blazor DataGrid for our project. 

One thing we would very much like is multi-column sort.

What we want to know is whether the function works in a mobile environment(Hybrid App).

If it works like a mouse click when touching a column header, we are going to actively consider introducing it.

 

Marin Bratanov
Telerik team
 answered on 27 Apr 2021
1 answer
2.8K+ views

So...what's the secret?

 

I have a couple of columns in the grid with a ton of data and I want the contents of the cells with less text to be aligned to the top.

I have no issues doing this in a web forms app, but for the life of me, I cannot get it to behave in blazor.

Marin Bratanov
Telerik team
 answered on 26 Apr 2021
2 answers
462 views

Please take a look at https://github.com/Blazored/Toast this is how a toast should be implemented with default methods for ShowInfo
ShowSuccess,,ShowWarning and ShowError

Radzen and many other also have a similar implementation. Please be inspired and give us similar functionality in a upcoming release

Hristian Stefanov
Telerik team
 answered on 26 Apr 2021
5 answers
1.0K+ views

After the last update the multi select drop down stopped working.  It no longer drops down.  You can type the names of items in the list and hit enter and they will populate the text area but the drop down never displays.  Any ideas on what might be happening?  As a side note I tried to change to an Autocomplete control and it would not drop down either.  That might provide some insight as to the problem.  I think it has something to do with the markup that caused it to behave a bit differently but not sure.  I do know for sure it worked before and now it doesn't.

Marin Bratanov
Telerik team
 answered on 26 Apr 2021
4 answers
485 views

Hello 

Is it possible to hide or close the notification from outside? I do have a notification with the possibility to answer. After clicking the button, the notification should close. Have a look at the screenshot. Thanks you and greetings from Berlin.

Marin Bratanov
Telerik team
 answered on 24 Apr 2021
6 answers
1.2K+ views

I have a Blazor Telerik Grid with FilterCellTemplate and a TelerikComboBox inside it, I would like to clear the selected value inside the ComboBox on button click

I am trying to create functionality to clear all the filters for a Telerik Grid on a button click event.

TelerikGrid has GridColumn that has FilterCellTemplate which is contains a TelerikComboBox.

 

Ben
Top achievements
Rank 1
 answered on 23 Apr 2021
1 answer
633 views

 Hi,

Trying to use AutoComplete within the Grid as the option to fill data on a column - with EditTemplate, however, when open to Add a new item, the list of values is not presented.

Changing from AutoComplete to DropDownList, works as expected.

Could you please indicate on the snippet below what is wrong?

 

<GridColumn Field="@(nameof(ItemRateio.Projeto))" Title="Projeto" Width="150px">
    <EditorTemplate>
        @{
            var ItemToEdit = context as ItemRateio;
             
            <TelerikAutoComplete Data="@Projects"
                                 Placeholder="Selecione Projeto"
                                 @bind-Value="@ItemToEdit.Projeto"
                                  
                                 >
 
            </TelerikAutoComplete>
 
 
        }
    </EditorTemplate>
</GridColumn>

 

Projects is a List<string> and ItemRateio.Projeto is also a string.

 

Thanks

Svetoslav Dimitrov
Telerik team
 answered on 23 Apr 2021
1 answer
681 views

If I am using templates for all my FieldItems, does each FieldItem need to have the Field attribute to associate the fielditem with the corresponding field in the data model?

See the sample markup below.

Thanks

<TelerikForm EditContext="@EditContext"
             Columns="2"
             ColumnSpacing="20px"
             Orientation="FormOrientation.Vertical"
             OnValidSubmit="OnValidSubmit">
    <FormValidation>
        <FluentValidationValidator />
    </FormValidation>
    <FormItems>
        <FormGroup LabelText="Set options">
            <FormItem>
                <Template>
                    <label class="k-label k-form-label" for="setName">Set Name</label>
                    <TelerikTextBox Id="setName" @bind-Value="@model.SetName"></TelerikTextBox>
                </Template>
            </FormItem>
            <FormItem>
                <Template>
                    <TelerikDateRangePicker @bind-StartValue="@model.StartDate"
                                            @bind-EndValue="@model.EndDate"
                                            Min="@ViewModel.MinStartDate"
                                            StartId="startDate"
                                            EndId="endDate"
                                            DisabledDates="@ViewModel.DisabledDates">
                    </TelerikDateRangePicker>
                </Template>
            </FormItem>
            <FormGroup Columns="2">
                <FormItem>
                    <Template>
                        <label class="k-label k-form-label" for="allowAutoFill">Allow Auto Fill</label>
                        <TelerikCheckBox Id="allowAutoFill" @bind-Value="@model.AllowAutoFill"></TelerikCheckBox>
                    </Template>
                </FormItem>
                <FormItem Field="@nameof(model.RequiredRecsToExpire)">
                    <Template>
                        <label class="k-label k-form-label">Required Recs to Expire</label>
                        <TelerikSlider @bind-Value="@model.RequiredRecsToExpire"
                                       Min="0"
                                       Max="20"
                                       SmallStep="1"
                                       LargeStep="5"
                                       ShowButtons="false" />
                    </Template>
                </FormItem>
            </FormGroup>
        </FormGroup>
        <FormGroup LabelText="Initial starting point">
            <FormItem LabelText="existingSets">
                <Template>
                    <label class="k-label k-form-label" for="existingSets">From existing recommendation sets</label>
                    <RecSetSelector AvailableSets="@ViewModel.AvailableSets"
                                    IsNew="true"
                                    SelectedSetId="@ViewModel.SelectedSetId"
                                    OnSetSelected="@OnSetSelected" />
                </Template>
            </FormItem>
            <FormItem>
                <Template>
                    <label class="k-label k-form-label" for="eanList">From a list of EANs</label>
                    <TelerikTextArea Id="eanList"
                                     @bind-Value="@ViewModel.EanList"
                                     AutoSize="true">
                    </TelerikTextArea>
                </Template>
            </FormItem>
        </FormGroup>
        <FormItem ColSpan="2">
            <Template>
                @*<br />*@
                <label class="k-label k-form-label" for="comment">Comments</label>
                <TelerikTextArea Id="comment"
                                 @bind-Value="@model.Comment"
                                 AutoSize="true">
 
                </TelerikTextArea>
            </Template>
        </FormItem>
        <ValidationSummary />
    </FormItems>
    <FormButtons>
        <TelerikButton ButtonType="ButtonType.Button" OnClick="OnCancel">Cancel</TelerikButton>
        <TelerikButton ButtonType="ButtonType.Submit" Primary="true">Save</TelerikButton>
    </FormButtons>
</TelerikForm>
Marin Bratanov
Telerik team
 answered on 23 Apr 2021
2 answers
754 views

I am trying to create a reusable component which binds to a data service where I pass the binded value to the parent and get the data from the Telerik Drop List / Combo box, etc. What am I missing in regards to getting this data back up the the parent model? When I submit, it provides a value of null. #StillLearning

Code example concept:

Razor:

@inherits ActiveProviderTypeDropDownListBase 

<TelerikComboBox Data="@ProviderTypes"
                 OnRead="@OnReadAsync"
                 TValue="string"
                 TItem="string"
                 AllowCustom="true"
                 @bind-Value="@BindValue"
                 Width="100%" />

Base:

public class ActiveProviderTypeDropDownListBase : ComponentBase
    {
        [Inject] ProviderDataService ProviderDataService { get; set; }
        [Parameter] public string Width { get; set; }
        [Parameter] public string BindValue { get;set; }

        public List<string> ProviderTypes { get; set; }

        public async Task OnReadAsync()
        {
            ProviderTypes = await ProviderDataService.GetActiveProviderTypesAsync();
        }
    }

 

Reusable Component For Elsewhere Elsewhere:

<ActiveProviderTypeDropDownList Width="100%"
                                                                        BindValue="DialogBaseService.ValueToCreate.ProviderTypeName"

johnbolt
Top achievements
Rank 2
Iron
Iron
 answered on 23 Apr 2021
2 answers
355 views
Hello,

Is it possible to not show the selection at all on multiselect component. I mean, I don't want to show the chips. Just the current user input or placeholder text.

Thanks!
Marin Bratanov
Telerik team
 answered on 22 Apr 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?