Telerik Forums
UI for Blazor Forum
0 answers
93 views

Hello.

Can someone give me a complete example with Custom Batch Editing Grid?  Like with a "real" API and CRUD operations?

My apps run under BLAZOR WEB ASSEMBLY.

 

Thanks a lot everyone. 

Louis
Top achievements
Rank 1
Iron
Iron
Iron
 updated question on 09 Dec 2022
1 answer
199 views

We have a custom control where we host a Google Map.
We created custom google map controls and placed it like google maps api requires.
Everything works fine when the control is normally displayed as shown here:

 

but when the user put the map in fullscreen mode, our dropdownlist can't be opened because the animation-container isn't placed within the hierarchy of the element hosting the map, causing the dropdownlist popup to be behind the "top-layer" element of the page.

 

Technically the problem is that when an element is set in fullscreen mode (but this happens even for HTML dialog elements and popup), the browser create a special layer where it places these elements (and their childrens).

In the case of dropdownlist, you create k-animation-container telerik-blazor elements straight under the app div, this mean that any dropdownlist (and i suppose combobox items and every component that has a "popup") can't be shown into fullscreen elements or HTML dialogs.

Is it possible to explicitly set the dropdownlist animation container where I want? How can I fix this problem without recreate a dropdownlist component?

Thanks

Dimo
Telerik team
 answered on 09 Dec 2022
1 answer
180 views

I have a page with several TelerikDropDownList controls with Yes and No options, and an associated text field for notes underneath each one.

If the user selects the Yes option, I want to remove any notes in the associated text field.

Is this possible? I know about ValueChanged, but only the value is passed to the function.

Within the ValueChanged I can't figure out how to get a reference to the TelerikDropDownList that initiated the event and its associated text field.

Thanks

Marin Bratanov
Telerik team
 answered on 08 Dec 2022
0 answers
80 views
Please see attachment.  Why when I click on the month in the upper left of a Telerik datepicker is it garbled?  Is there a way I can clean this up or is this a product defect?
Larry
Top achievements
Rank 2
Iron
Veteran
Iron
 asked on 07 Dec 2022
2 answers
144 views

I've been tasked to open N popup windows that persist between page navigations.  I can easily get 1 window to show by using the window component, but how do I get N of them?  I'm able to get 1 to show, but if I put it in a for loop nothing shows. 

 

I'm guessing I could potentially persist the open windows using the layout?  The product manager claims other vendors are able to do this.  I don't know how.

Nadezhda Tacheva
Telerik team
 answered on 07 Dec 2022
1 answer
134 views

I have a toggle button in a child component, which gets the selected state passed as parameter.
The button click invokes an eventcallback back, so the parent can update the state.

When i register an method to the eventcallback of my childcomponent which also awaits a task after updating the value, the button wont change its state. 

I am not a native speaker, and worried i did not explain my problem good enough so i prepared an Example


PS: I have also tried this with normal TelerikButtons. In that case i passed css classes which alter the background color, based on the value of IsSelected. This also won't when DoSomething() is called.

UPDATE: When i use the onclick event of a span, wrapped around the TelerikButtons, everything works as expected (does not work with a span inside a button).

Svetoslav Dimitrov
Telerik team
 answered on 07 Dec 2022
1 answer
145 views

Hi,

Is there a way to bind the selected Value in a TelerikDropdownList only when the popup is closed?

I don't want the Value to be binded, when I use the arrows (up/down) - only when I hit enter or

click on an element in the popup.

In the following code the Value is binded, when the popup is closed, but the arrows is not

working in the popup.

 

<ul>

    <li>DropDownList Value: @DropDownValue</li>
    <li>Event Log: @EventLog</li>
    <li>Selected Log: @SelectedLog</li>
</ul>
<TelerikDropDownList Data="@DropDownData"
                     Value="@DropDownValue"
                     ValueChanged="@( (string newValue) => OnDropDownValueChanged(newValue) )"
                     OnClose="@( (DropDownListCloseEventArgs arg) => OnPopupClosed(arg) )">
</TelerikDropDownList>
@code{
    private List<string> DropDownData { get; set; } = new List<string> {
        "Manager", "Developer", "QA", "Technical Writer", "Support Engineer"
    };
    private string DropDownValue { get; set; } = "Developer";
    private string SelectedValue { get; set; }
    private string EventLog { get; set; }
    private string SelectedLog { get; set; }
    private void OnDropDownValueChanged(string newValue)
    {
        SelectedValue = newValue;
        EventLog = string.Format("The user selected: {0}", SelectedValue);
    }
    private void OnPopupClosed(DropDownListCloseEventArgs arg)
    {
        DropDownValue = SelectedValue;
        SelectedLog = string.Format("OnPopupClosed: {0}", DropDownValue);
    }
}
Dimo
Telerik team
 answered on 07 Dec 2022
1 answer
170 views

Hi.

Why in this snippet https://blazorrepl.telerik.com/wGvwOxGP22SKTu0O14

the "Item 1" is not taking the size of the 3 columns on the first row as defined in the snippet

 

Thanks

Nadezhda Tacheva
Telerik team
 answered on 06 Dec 2022
0 answers
85 views
Telerik map control show only selected countires only not entire globe (india,USA) I want to show india and usa contries in map control
Ashok
Top achievements
Rank 1
 asked on 05 Dec 2022
1 answer
108 views

I know how to style the horizontal separator like this:

.horizontal > .k-separator {
    margin: 0;
    background-color: #0062cc !important;
}

but I can not figure out how to do it for the vertical separators in a submenu.

I have problems to inspect the submenu because it closes itself if I try to inspect it (maybe I need a trick here too...)

Hendrik
Top achievements
Rank 2
Bronze
Iron
Iron
 answered on 03 Dec 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?