Is it possible to place labels above toolbar menus?

[Martin]

I was wondering if it is possible to place labels above toolbar drop-down menus?

I've tried various options without success.

 

[Hristian Stefanov]

Hi Martin,

To place labels above the toolbar drop-down menus, within the ToolBarTemplateItem, wrap each menu within a TelerikFloatingLabel. Here is an example:

<TelerikToolBar>
    <ToolBarTemplateItem>
        <TelerikFloatingLabel Text="Roles">
            <TelerikDropDownList Id="role"
                                 Data="@Roles"
                                 Value="@SelectedRole"
                                 ValueChanged="@((string v) => RoleChange(v))">
            </TelerikDropDownList>
        </TelerikFloatingLabel>
    </ToolBarTemplateItem>
    <ToolBarTemplateItem>
        <TelerikFloatingLabel Text="Departments">
            <TelerikDropDownList Id="department"
                                 Data="@Departments"
                                 Value="@SelectedDepartment"
                                 ValueChanged="@((string v) => DepartmentChange(v))">
            </TelerikDropDownList>
        </TelerikFloatingLabel>
    </ToolBarTemplateItem>
</TelerikToolBar>

@code {
    private string SelectedRole { get; set; }
    private List<string> Roles { get; set; } = new()
    {
        "Manager", "QA", "Developer", "Support"
    };

    private string SelectedDepartment { get; set; }
    private List<string> Departments { get; set; } = new()
    {
        "HR", "Finance", "IT", "Marketing", "Sales"
    };

    protected override void OnInitialized()
    {
        SelectedRole = Roles.FirstOrDefault();
        SelectedDepartment = Departments.FirstOrDefault();
    }

    private void RoleChange(string newRole)
    {
        SelectedRole = newRole;
    }

    private void DepartmentChange(string newDepartment)
    {
        SelectedDepartment = newDepartment;
    }
}

Regards,
Hristian Stefanov
Progress Telerik

[Martin]

Thanks, this is exactly what I was looking for.