Hi

Is there a way to align the level 1 menu items to the right as opposed to the left of their level 0 parent item

context:

- A level 0 item with a long display text followed by an icon for the level 1 dropdown 

- the user moves the mouse towards the drop down icon and the level 1 menu appears

- the level 1 menu has items with short display names

- as the user moves the mouse from the icon to the sub-menu the sub-menu will disappear as they have left the parent menu item

(- if they moved the mouse along the parent item to the left then drop onto the sub-menu it is fine)

question:

can the sub-menu container be right aligned to the parent menu item so it effectively displays under the drop-down icon?

Hi,

A have a very simple code in order to test the DatePicker control:

@page "/datepicker/overview"
@page "/datepicker/index"
@layout EmptyLayout

<div>
    <div>
        <label for="travel-date" class="k-label k-form-label">Travel Date</label>
        <div class="k-form-field-wrap">
            <TelerikDatePicker Min="@Min" Max="@Max" @bind-Value="@selectedDate"
                               Id="travel-date" DebounceDelay="@DebounceDelay">
            </TelerikDatePicker>
        </div>
    </div>
    <div class="k-form-field">
        <p>The selected travel date is: <strong>@selectedDate?.ToLongDateString()</strong></p>
    </div>
</div>

@code {
    public DateTime Max = new DateTime(2050, 12, 31);
    public DateTime Min = new DateTime(1950, 1, 1);
    private DateTime? selectedDate;
    public int DebounceDelay { get; set; } = 200;
}

This is the result I get:

Looks like some styling is missing.

Developing in VisualStudio 2022 (Preview).

Any ideas?

Thank you...

Hi Team,

Could you please suggest to do Copy Clipboard on Button click in blazor?

Thanks,

Vishnu 

 If I have multiple incoming notifications, how do I limit the number that are visible ? Is there a property to set or is there a way I can programmatically remove certain toasts?

Thank you

Hi, I need open xmlstring in new tab. How can I do it? Do I have to use JSRuttime, if yes, so how?

Thanks for answer

Peter

Hi,

I'm having trouble getting a GridCheckBoxColumn to remember what was checked on page 1 of a grid, if I switch to page 2 and then back to page 1.

I can't tell from the documentation if this is expected behavior or not.

Does anyone else know if I need to write custom code here?

Rob

Is it possible to have the BreadcrumbItem show the link in the browser status bar when a user hovers over it, like a regular anchor tag?

I tried using an ItemTemplate and wrapping the content in an anchor tag with the onclick set to return false, but I couldn't see any way to do this without losing all the existing styling. It seems like I'd have to pretty much rewrite the entirety of the BreadcrumbItem to get access to things like the Root or Last property in order to render the items correctly.

Hi there,

I use the sample code in here and I can see the scrollable icon.

But when I try to add tabs by button click , the scrollable  icon is not shown.

How to fix it?

<TelerikTabStrip Scrollable="true"
                 Width="300px"
                 TabPosition="Telerik.Blazor.TabPosition.Top">
    @{
        for (int i = 0; i < tabCount; i++)
        {
            var title = "long long long-" + @i.ToString();
            
            <TabStripTab Title="@title" @key="@i">
                Tab content.
            </TabStripTab>
        }
    }
</TelerikTabStrip>

<TelerikButton OnClick="AddTab">add tab</TelerikButton>

@code {
    int tabCount = 0;

    void AddTab()
    {
        tabCount++;
        StateHasChanged();
    }
}

Hi Team,

Currently I am using Telerik UI Blazor with 3.7.0 version, few cases and intermittently TooltipShowEvent.Click is not working and tooltip is not getting displayed and unable to find root cause for it.

Could you please assist what is causing for this behavior and feasible solution?

Below is sample code snippet where we use 3 tabs

<TelerikTabStrip Class="tmGraphTabStrip" ActiveTabIndex="@ActiveTab" ActiveTabIndexChanged="@ActiveTabChanged" @ref="@TabRef">
@for (var i = 0; i < 4; i++)
 {
<TabStripTab Title="@TabName" Class="tmTabHeaderCellStyle">
<TelerikGridLayout RowSpacing="20px" ColumnSpacing="1px" Class="grid-CardlayoutNew">
@*
display data in gridlayout structure for each row/column along with tooltip, we are able to see div selector and target selector Ids from Dev Tools browser
*@
</TelerikGridLayout>
</TabStripTab>
}
</TelerikTabStrip>

Ex:

<TelerikTooltip TargetSelector="@ToolTipCurselector" ShowOn="@TooltipShowEvent.Click" Position="TooltipPosition.Top">
</TelerikTooltip>