Login Component:

A) Login dialog  - A popup dialog where we can attach a model to the dialog.

B) Login with register button - Where we can provide the register page or register popup to call

C) Login with Forgot password and rest password

D) Login with default

The described functionality listed on https://demos.telerik.com/blazor-ui/window/stacking-windows

"The Telerik Window component for Blazor provides stacking z-index functionality that brings to front the component any time it receives focus."

doesn't appear to be working in the demo. When the one window receives focus the z-index does not change.  This appears to not work correctly in the demo either. 

When setting the Hidden property to true on a WindowAction, the action button is still rendered, e.g.:

When using an enclosing div element for Your Telerik Window component:

A view in the web console shows that the defined name in the class-attribute of the div element isn't recognized.

If I have a grid inside a TelerikWindow, when I show the window allowing it to be draggable, there seems to be undesired behavior.  In my environments, with 2.26.0, the TelerikWindow extends to the right of the screen and the draggable operation is impacted.  I have the following code (very cut-down and simplified) as my Index.razor.  If you click the button and start dragging the window around you should see what I am referring to.

 

@page "/"

<TelerikButton OnClick="@ShowModal">Show Modal</TelerikButton>

<TelerikWindow Modal="true" Draggable="true" @bind-Visible="@isModalVisible">
   <WindowTitle>
      <strong>Sample</strong>
   </WindowTitle>
   <WindowContent>
      <TelerikGrid Data="@objectList" >
         <GridColumns>
            <GridColumn Field="@(nameof(SampleObject.Name))" Title="Name" />
            <GridColumn Field="@(nameof(SampleObject.Description))" Title="Description" />
         </GridColumns>
      </TelerikGrid>
   </WindowContent>
   <WindowActions>
      <WindowAction Name="Close" />
   </WindowActions>
</TelerikWindow>

@code {
   public bool isModalVisible = false;
   public List<SampleObject> objectList = new();

   protected override void OnInitialized()
   {
      objectList.Add(new SampleObject() { Name = "Object 1", Description = "description for object 1" });
      objectList.Add(new SampleObject() { Name = "Object 2", Description = "description for object 2" });
   }

   public void ShowModal()
   {
      isModalVisible = true;
   }

   public class SampleObject
   {
      public string Name { get; set; }
      public string Description { get; set; }
   }
}

Window border styling via css has no effect - no border shows at all - I don't need help, just reporting. Tried it on Edge, Chrome and Firefox

.MyClass { /* targets the entire popup element */

        border: 5px solid red;
    }
Microsoft Visual Studio Community 2019 Version 16.9.2
Progress® Telerik® UI for Blazor Extension - 2021.1.218.1
.NET Framework 4.8.04084

Dear team,

 

we use a BlazoredTypeahead control inside a TelerikWindow and have this problem.

 

When you open the result dropdown of BlazoredTypeahead and click on the scrollbar in the result dropdown, the result dropdown is closed suddenly.

 

This only happens when a BlazoredTypeahead control is inside a TelerikWindow. If I remove the Telerik Window everything works as expected.

 

Attached is a running example, which demonstrates the issue. In the example just click on the "New" button in the grid, this will open the TelerikWindow, which contains the BlazoredTypeahead control.

 

Thanks for your help.