Telerik Forums
UI for Blazor Forum
1 answer
247 views

Is there any way to suppress the selection items appearing in the textbox portion of the control?

Example of my issue:

As the more items are selected the text box grows and pushes down. We have some pretty big selections we use sometimes and this makes the UI ugly. Would like it not to do that but still have the items the user selected in the control in the backend.

Code

@* as you type "de", you will only get "Developer" and "Designer" as suggestions instead of the full list *@
<TelerikMultiSelect Data="@Roles" @bind-Value="@TheValues"
                     Filterable="true"
                     Placeholder="Write 'de' to see the filtering" 
                     ClearButton="true"
                     AutoClose="false">
    <MultiSelectSettings>
        <MultiSelectPopupSettings Height="100px" />
    </MultiSelectSettings>
</TelerikMultiSelect>
@*
<ul>
    @foreach (var item in TheValues)
    {
        <li>@item</li>
    }
</ul>
*@
@code{
    List<string> TheValues { get; set; } = new List<string>();
    List<string> Roles { get; set; } = new List<string> {
        "Manager", "Developer", "QA", "Technical Writer", "Support Engineer", "Sales Agent", "Architect", "Designer",
        "Gandalf", "DeadPool", "Batman", "Driver", "Pilot", "Rebel", "Sith", "Jedi"
    };
}

 

Dimo
Telerik team
 answered on 07 Oct 2022
1 answer
410 views

Hello,

from your Web UI TabStrip doc:

 

RadTabStrip supports two layouts - Horizontal (default) and Vertical.

In Horizontal layout, the Align property allows you to specify the way tabs position themselves:

  • Left - tabs will be left aligned;
  • Right - tabs will be right aligned;
  • Center - tabs will be centered;
  • Justify - tabs will be proportionally resized to full-up the width of the tabstrip.

In Vertical layout, the values of the Align property are as follows:

  • Left - tabs will be aligned to the top;
  • Right - tabs will be aligned to the bottom;
  • Center - tabs will be positioned in the middle;
  • Justify - tabs will be proportionally resized to full-up the height of the tabstrip.

 

I am not able to find the same properties for the Blazor version of the control.

 

Thanks

Dimo
Telerik team
 answered on 06 Oct 2022
0 answers
326 views

Is there any way to solve this problem if the data type is text in my DB?

 

// Code 

result = await _db.Productos.Include(p => p.CodigoEstadoNavigation)
                                            .Include(p => p.IdCategoriaProductoNavigation)
                                            .ToDataSourceResultAsync(request);
onivia
Top achievements
Rank 1
 asked on 06 Oct 2022
1 answer
423 views

What is the best way to implement a Clear-Button in a TextBox like in the ComboBox ?

I need it especially for a custom Filterrow in the GridControl.

Svetoslav Dimitrov
Telerik team
 answered on 05 Oct 2022
1 answer
279 views

Hi

I want to change the look and feel of some components, I think i need to override some k-xxx styles

How do i know which component uses which styles.

 

So for example the TelerikTextBox , if i want to change the border, which style does it use now?


Paul

Hristian Stefanov
Telerik team
 answered on 05 Oct 2022
13 answers
1.0K+ views

Hi there,

I was hoping someone could help me with the problem I am having with the Excel Export feature. I have carefully reviewed the support docs to ensure that everything is set up correctly, however, the export is producing empty .xlsx files (no data in the export, despite there being nearly 1000 records displayed in the grid).

I've spent many hours troubleshooting and found that if I set the AutoGenerateColumns parameter to true, it fixes the issue. That said, I do not wish to have this option turned on.

Any and all help with this would very much be appreciated. Thank you!

Code Context:

Code-behind for my Razor page - here's how I declared the properties to initialize the data for the grid:

    [Inject]
    public IManageChemicalService ManageChemicalService { get; set; }

    public Telerik.Blazor.Components.TelerikGrid<Chemical> ManageChemicalGrid;

    public List<Chemical> Chemicals { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Chemicals = (await ManageChemicalService.GetAllChemicals()).ToList();
    }

Razor page -here's how I set up the grid:

   <TelerikGrid Data="@Chemicals" @ref="ManageChemicalGrid"
             Pageable="true"
             PageSize="100"
             Sortable="true"
             Resizable="true"
             Reorderable="true"
             FilterMode="@GridFilterMode.FilterRow"
             Groupable="true"
             EditMode="@GridEditMode.Popup"
             OnCreate="@CreateHandler"
             OnUpdate="@UpdateHandler"
             OnDelete="@DeleteHandler">
    <GridToolBar>
        <GridCommandButton Command="Add" Icon="add">Add Chemical</GridCommandButton>
        <GridCommandButton OnClick="@ShowLoadingSign" Command="ExcelExport" Icon="@IconName.FileExcel">Export to Excel</GridCommandButton>
        <label><TelerikCheckBox @bind-Value="@ExportAllPages" />&nbsp; Export All Pages</label>
    </GridToolBar>
    <GridExport>
        <GridExcelExport FileName="ChemicalsExport" AllPages="@ExportAllPages" />
    </GridExport>

    <GridColumns>

        <GridColumn Field="@(nameof(Chemical.Id))" Editable="false" Filterable="false" Width="4%">
        </GridColumn>

          ...and many more defined columns, editor templates and commands

Ben
Top achievements
Rank 1
Iron
 answered on 05 Oct 2022
3 answers
391 views

Hi

 

Is this possible, can't find it in the documentation?

 

This question is for all components having an (image) button like the calendar

This form is read only so the drowdown buttons , the calendar buttons should not be shown. (As also the * required , which we already solved)


Eric

Nadezhda Tacheva
Telerik team
 answered on 05 Oct 2022
1 answer
159 views

Is it possible to just wrap the default inline grid editor with some additional markup? I want some html added inside.

 

If not, then how do I get the tool tip validator?

        <GridColumn Field=@nameof(Person.Name) Context="pxxx">
            <EditorTemplate>
                <TelerikTextBox @bind-Value=@(((Person)pxxx).Name)/>
                Some additional HTML here
            </EditorTemplate>
        </GridColumn>

 

Thanks!

Dimo
Telerik team
 answered on 04 Oct 2022
1 answer
266 views

Hi

I do not think this is possible right now? Am i correct?

Can this be added for a new release?

Eric

 

 

Dimo
Telerik team
 answered on 03 Oct 2022
0 answers
123 views

Hi

See

Change Blazor Grid Font Size | Telerik UI for Blazor

This example does not work (In Edge) , grid is not shown

Eric

Paul
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 30 Sep 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?