Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
8 changes: 8 additions & 0 deletions .github/workflows/build.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,19 @@ on:
- 'main'
- 'dev'
- 'v*'
paths-ignore:
- 'docs/**'
- '**/*.md'
- 'mkdocs.yml'
pull_request:
branches:
- 'main'
- 'dev'
- 'v*'
paths-ignore:
- 'docs/**'
- '**/*.md'
- 'mkdocs.yml'
workflow_dispatch:


Expand Down
8 changes: 8 additions & 0 deletions .github/workflows/integration-tests.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,19 @@ on:
- 'main'
- 'dev'
- 'v*'
paths-ignore:
- 'docs/**'
- '**/*.md'
- 'mkdocs.yml'
pull_request:
branches:
- 'main'
- 'dev'
- 'v*'
paths-ignore:
- 'docs/**'
- '**/*.md'
- 'mkdocs.yml'
workflow_dispatch:

jobs:
Expand Down
87 changes: 83 additions & 4 deletions docs/EditorControls/HyperLink.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,90 @@ It may seem strange that we have a HyperLink component when there already is an

## Blazor Features Supported

- `NavigationUrl` the URL to link when HyperLink component is clicked
- `Text` the text content of the HyperLink component
- `Target` the target window or frame in which to display the Web page content linked to when the HyperLink component is clicked
### Core Properties
- `NavigationUrl` - the URL to link when HyperLink component is clicked
- `Text` - the text content of the HyperLink component
- `Target` - the target window or frame in which to display the Web page content linked to when the HyperLink component is clicked (e.g., "_blank", "_self", "_parent", "_top")
- `ToolTip` - displays a tooltip on hover (rendered as the `title` attribute)

## WebForms Syntax
### Styling Properties
- `BackColor` - background color of the hyperlink
- `ForeColor` - text color of the hyperlink
- `BorderColor` - border color
- `BorderStyle` - border style (NotSet, None, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset)
- `BorderWidth` - border width
- `CssClass` - CSS class name to apply to the hyperlink
- `Height` - height of the hyperlink
- `Width` - width of the hyperlink

### Font Properties
- `Font-Bold` - bold text
- `Font-Italic` - italic text
- `Font-Names` - font family names
- `Font-Overline` - overline text decoration
- `Font-Size` - font size
- `Font-Strikeout` - strikethrough text decoration
- `Font-Underline` - underline text decoration

### Other Properties
- `Visible` - whether the hyperlink is visible (default: true)

### Event Handlers
- `OnDataBinding` - event handler for data binding
- `OnInit` - event handler triggered at initialization
- `OnLoad` - event handler triggered after component loads
- `OnPreRender` - event handler triggered before rendering
- `OnUnload` - event handler triggered when component unloads
- `OnDisposed` - event handler triggered when component is disposed

## WebForms Features Not Supported

- `ImageUrl` - The Blazor HyperLink component does not support image links. Use the Image component wrapped in an anchor tag instead.
- `AccessKey` - Not supported in Blazor
- `Enabled` - While the property exists for compatibility, it does not affect the hyperlink's behavior (the link is not disabled)
- `TabIndex` - While the property exists in the base class, it is not rendered on the hyperlink element
- `EnableTheming` - Theming is not available in Blazor
- `EnableViewState` - ViewState is supported for compatibility but this parameter does nothing
- `SkinID` - Theming is not available in Blazor

## Usage Examples

### Web Forms Syntax
```html
<asp:HyperLink ID="lnkExample"
NavigateUrl="https://example.com"
Text="Visit Example"
Target="_blank"
ToolTip="Click to visit example.com"
CssClass="btn btn-link"
runat="server" />
```

### Blazor Syntax
```html
<HyperLink NavigationUrl="https://example.com"
Text="Visit Example"
Target="_blank"
ToolTip="Click to visit example.com"
CssClass="btn btn-link" />
```

### Blazor with Styling
```html
<HyperLink NavigationUrl="/products"
Text="View Products"
ForeColor="#0066cc"
Font-Bold="true"
Font-Size="14px" />
```

### Blazor without NavigationUrl (renders as plain anchor)
```html
<HyperLink Text="Inactive Link"
ToolTip="This link has no URL" />
```

## WebForms Syntax Reference

```html
<asp:HyperLink
Expand Down
Loading