Telerik Forums
UI for Blazor Forum
1 answer
467 views

I have a TelerikDialog who host a component, when some logic occurs on component i would like to hide the dialog buttons, now i can do this for each button inside DialogButtons element, but this cause the dialog to show some empty space with a separation line.

I would like to hide entirely the DialogButtons element to prevent showing empty space, i tried with hidden html attribute or @if statement but it's not supported.

There is a workaround?

It woud be glad to have a Visible property on DialogButtons component in future releases.

Tsvetomir
Telerik team
 updated answer on 14 Sep 2023
0 answers
195 views

I am trying to create something I've seen a lot on other websites. I want to create a tooltip that shows "Copy to clipboard" when I hover over a <span> element, but when I click on the <span> I want the text to change to "Copied!"

This is what I am doing now

    <TelerikTooltip TargetSelector="#propvalue>span[title]" Position="@TooltipPosition.Top" ShowOn="@TooltipShowEvent.Hover" @ref="@tooltipHover">
        <Template>
            @{
                <div>
                    @copyToolTip
                </div>
            }
        </Template>
    </TelerikTooltip>

<span id="myCoolSpan"
            style="cursor:pointer;"
            onclick="@(()=>_copyButtonHandler(value as string))"            
            title="this is the title">
  Text of my span
</span>

    private async Task _copyButtonHandler(string value)
    {            
       copyToolTip = "Copied!";
       await _clipboardService.WriteTextAsync(value); 
    }


David
Top achievements
Rank 3
Iron
Iron
Veteran
 asked on 13 Sep 2023
0 answers
94 views

Hi, I'm using TelerikMultiSelect with grouping. I tried to create a custom filter on the group field, but the value entered by the user cannot be read. Do you know how to read the value?

Petr

Petr
Top achievements
Rank 1
 updated question on 13 Sep 2023
1 answer
363 views
Hi. I'm trying to modify the grid custom-popup-for example, so that the editform is contained in a tab with only some of the properties of the Model and other properties of the model in another tab. The problem is that the Save and Cancel buttons only appear in the first tab(the edit form). Is there a way to split the model properties into more than one tab, and have the Save and Cancel buttons outside of the tabs son that they can be clicked from any tab being active?

Tnkaks
Dimo
Telerik team
 answered on 12 Sep 2023
0 answers
259 views

Here's a code snippet demonstrating the issue:

https://blazorrepl.telerik.com/cRODPclB17lz8CCi20

Row drag and drop works like in the documentation example, except the indicator to show where the row will be dropped is missing.

If you press escape this both cancels the drag and drop and closes the window.  It also shows the indicator where it would have been, and there is no way to remove the indicator without refreshing the page.

How can this issue be resolved?

Leland
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 12 Sep 2023
3 answers
2.3K+ views

I populate the Grid with ~5000 results from a database. The Grid does the paging, sorting, and filtering in memory, except it won't filter for this one column that is a List<string> CustomerNamesList. I'm attempting to use the FilterMenuTemplate -- I just need a textbox and a dropdown like "Contains" and "Does Not Contain" but I can't figure out how to filter the Grid.

<GridColumn Field="@(nameof(CustomerNamesList))" Title="Customers" Sortable="false" Filterable="true">
    <FilterMenuTemplate>
        <label for="NameMenuFilter">Customer Name:</label>
        <TelerikTextBox Id="NameMenuFilter" ValueChanged="@((value) => UpdateCustomerNameFilter(value))"> 
        </TelerikTextBox>
    </FilterMenuTemplate>
    <Template>
        @* display - loop thru List of customer names *@ 
    </Template>
</GridColumn>

 

This code gets hit, but it's not doing anything...

public void UpdateCustomerNameFilter(string itemValue)
{
        var filter1 = partyNamesFilterContext.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;
        filter1.Value = itemValue;
        filter1.Operator = FilterOperator.Contains;
}


When I click Filter, it gives me a blazor.server.js error
Error: System.ArgumentException: Provided expression should have string type (Parameter 'stringExpression')

 

Update

Here's what I'm using as the datasource to make things clearer: IEnumerable<Companies>
So what it appears to me is that the Grid doesn't know how to filter on a List of objects like this List<string> 

public class Companies {
public int Id {get; set;} public List<string> CustomerNamesList {get; set;} = new List<string>();
// Other fields }


Dimo
Telerik team
 answered on 12 Sep 2023
1 answer
310 views

During veracode source clear scan on a project that has telerik package(3.7.0), the following error is seen.

Security
With Vulnerable Methods                        0
Critical Risk Vulnerabilities                  0
High Risk Vulnerabilities                      4
Medium Risk Vulnerabilities                    3
Low Risk Vulnerabilities                       0
 
Vulnerabilities - Public Data
CVE-2019-0981                                  High Risk         Denial Of Service (DoS)         System.Private.Uri 4.3.0
CVE-2019-0980                                  High Risk         Denial Of Service (DoS)         System.Private.Uri 4.3.0
CVE-2019-0820                                  High Risk         Denial Of Service (DoS)         System.Text.RegularExpressions 4.3.0
CVE-2020-1147                                  High Risk         Remote Code Execution (RCE)     System.Data.Common 4.3.0
CVE-2019-0657                                  Medium Risk       Authorization Bypass            runtime.unix.System.Private.Uri 4.3.0
CVE-2019-0657                                  Medium Risk       Authorization Bypass            System.Private.Uri 4.3.0
CVE-2019-0657                                  Medium Risk       Authorization Bypass            runtime.win7.System.Private.Uri 4.3.0

Dimo
Telerik team
 answered on 12 Sep 2023
1 answer
140 views
Why are the slider buttons of type 'submit' and how do I change them not to be?
Hristian Stefanov
Telerik team
 answered on 08 Sep 2023
1 answer
157 views

Hi there.
Using the Grid component, setting "Navigable" to "true" and having a DropDownList makes the popup of the component not appear after the user has clicked on the input box.

The DropDownList has a button (with an arrow pointing down) on its right side. Clicking on the button makes the popup appear. The popup also appears if the user clicks on the input box of the component, but this last scenario does not happen if the component is inside a Grid which has "Navigable" set to "true". In this state, the button mentioned also makes the popup not appear.

Here is a gif which showcases this behaviour: https://i.gyazo.com/a071f9fba72d08261d438e31b240d606.mp4
This also affects the ComboBox component: https://i.gyazo.com/bcf2f10a6a6c923d825865ecdf0a7f5a.mp4

Here is the REPL link: https://blazorrepl.telerik.com/mnkDOScb41h1aOK602

Dimo
Telerik team
 answered on 07 Sep 2023
5 answers
5.0K+ views

Hi,

I am trying to do something simple but having trouble.

All I want is a grid that displays columns for a name and an IsActive property. 

I tried using:

<GridCheckboxColumn Field="@(nameof(AppRole.IsActive))" Title="Is Active"/>

but got nowhere with it.

The basic code is show below. How can I center the checkbox in the column and make not editable unless the are in edit mode?

Also, I want the checkboxes centered in the column.

Any help would be great.

 

Thanks … Ed

 

         <TelerikGrid Data=@GridData
                       Pageable="true" Groupable="true" Sortable="true"
                       OnUpdate="@UpdateHandler" OnDelete="@DeleteHandler" OnCreate="@CreateHandler" OnEdit="@EditHandler">
              <GridColumns>
 
                  <GridColumn Field="Name" />
                  <GridColumn Field="@(nameof(AppRole.IsActive))" Title="Is Active">
                      <Template Context="ctx">
                          @{
                              var r = ctx as AppRole;
                              var chk = r.IsActive ? "checked" : "";
                               <input type="checkbox" checked="@chk" />
                           }
                      </Template>
                  </GridColumn>
                  <GridCommandColumn Width="300px">
                      <GridCommandButton Command="Save" Icon="save" ShowInEdit="true">Update</GridCommandButton>
                      <GridCommandButton Command="Edit" Icon="edit">Edit</GridCommandButton>
                      <GridCommandButton Command="Delete" Icon="delete">Delete</GridCommandButton>
                      <GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true">Cancel</GridCommandButton>
                  </GridCommandColumn>
              </GridColumns>
              <GridToolBar>
                  <GridCommandButton Command="Add" Icon="add">Create Role</GridCommandButton>
              </GridToolBar>
          </TelerikGrid>
Leland
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 06 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?