Skip to content

Merge enhance-window-docs-1840 into production #1891

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jan 29, 2024
Merged

Merge enhance-window-docs-1840 into production #1891

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1b5912a
chore(window): list specifics for using a custom icon for a built-in …
ntacheva Jan 8, 2024
1afa058
Update components/window/actions.md
ntacheva Jan 10, 2024
7454009
chore(window): address feedback
ntacheva Jan 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 16 additions & 4 deletions components/window/actions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@ Action buttons expose the following properties:
}
````

>Setting a custom icon for a built-in action is not supported as the Window will override it and use the default icon for the corresponding built-in action. If you need to specify a custom icon, use a [custom action](#custom-actions) instead of the built-in one.

## Custom Actions

Expand All @@ -75,9 +76,12 @@ You can create a custom action icon and you must provide its `OnClick` handler.
````CSHTML
Custom actions can call C# directly

<TelerikWindow Visible="true">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet" />

<TelerikWindow Visible="@WindowVisible">
<WindowActions>
<WindowAction Name="MyAction" Icon="@SvgIcon.Gear" OnClick="@MyCustomActionHandler" />
<WindowAction Title="MyAction" Icon="@SvgIcon.Gear" OnClick="@MyCustomActionHandler" />
<WindowAction Title="CustomClose" Icon="@("fas fa-x")" OnClick="@(()=> WindowVisible = false)" />
</WindowActions>
<WindowContent>
@result
Expand All @@ -86,9 +90,17 @@ Custom actions can call C# directly
</WindowContent>
</TelerikWindow>

@if (!WindowVisible)
{
<TelerikButton OnClick="@( () => WindowVisible=true )">Show the Window</TelerikButton>
}

@code {
string result;
public void MyCustomActionHandler()
private bool WindowVisible { get; set; } = true;

private string result;

private void MyCustomActionHandler()
{
result = "custom action button clicked on: " + DateTime.Now.ToString();

Expand Down