Skip to content

Commit 0581c6d

Browse files
authored
Merge pull request #307 from FritzAndFriends/dev
2 parents e31ec96 + ef63e40 commit 0581c6d

3 files changed

Lines changed: 99 additions & 4 deletions

File tree

.github/workflows/build.yml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,19 @@ on:
66
- 'main'
77
- 'dev'
88
- 'v*'
9+
paths-ignore:
10+
- 'docs/**'
11+
- '**/*.md'
12+
- 'mkdocs.yml'
913
pull_request:
1014
branches:
1115
- 'main'
1216
- 'dev'
1317
- 'v*'
18+
paths-ignore:
19+
- 'docs/**'
20+
- '**/*.md'
21+
- 'mkdocs.yml'
1422
workflow_dispatch:
1523

1624

.github/workflows/integration-tests.yml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,19 @@ on:
66
- 'main'
77
- 'dev'
88
- 'v*'
9+
paths-ignore:
10+
- 'docs/**'
11+
- '**/*.md'
12+
- 'mkdocs.yml'
913
pull_request:
1014
branches:
1115
- 'main'
1216
- 'dev'
1317
- 'v*'
18+
paths-ignore:
19+
- 'docs/**'
20+
- '**/*.md'
21+
- 'mkdocs.yml'
1422
workflow_dispatch:
1523

1624
jobs:

docs/EditorControls/HyperLink.md

Lines changed: 83 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,90 @@ It may seem strange that we have a HyperLink component when there already is an
22

33
## Blazor Features Supported
44

5-
- `NavigationUrl` the URL to link when HyperLink component is clicked
6-
- `Text` the text content of the HyperLink component
7-
- `Target` the target window or frame in which to display the Web page content linked to when the HyperLink component is clicked
5+
### Core Properties
6+
- `NavigationUrl` - the URL to link when HyperLink component is clicked
7+
- `Text` - the text content of the HyperLink component
8+
- `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")
9+
- `ToolTip` - displays a tooltip on hover (rendered as the `title` attribute)
810

9-
## WebForms Syntax
11+
### Styling Properties
12+
- `BackColor` - background color of the hyperlink
13+
- `ForeColor` - text color of the hyperlink
14+
- `BorderColor` - border color
15+
- `BorderStyle` - border style (NotSet, None, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset)
16+
- `BorderWidth` - border width
17+
- `CssClass` - CSS class name to apply to the hyperlink
18+
- `Height` - height of the hyperlink
19+
- `Width` - width of the hyperlink
20+
21+
### Font Properties
22+
- `Font-Bold` - bold text
23+
- `Font-Italic` - italic text
24+
- `Font-Names` - font family names
25+
- `Font-Overline` - overline text decoration
26+
- `Font-Size` - font size
27+
- `Font-Strikeout` - strikethrough text decoration
28+
- `Font-Underline` - underline text decoration
29+
30+
### Other Properties
31+
- `Visible` - whether the hyperlink is visible (default: true)
32+
33+
### Event Handlers
34+
- `OnDataBinding` - event handler for data binding
35+
- `OnInit` - event handler triggered at initialization
36+
- `OnLoad` - event handler triggered after component loads
37+
- `OnPreRender` - event handler triggered before rendering
38+
- `OnUnload` - event handler triggered when component unloads
39+
- `OnDisposed` - event handler triggered when component is disposed
40+
41+
## WebForms Features Not Supported
42+
43+
- `ImageUrl` - The Blazor HyperLink component does not support image links. Use the Image component wrapped in an anchor tag instead.
44+
- `AccessKey` - Not supported in Blazor
45+
- `Enabled` - While the property exists for compatibility, it does not affect the hyperlink's behavior (the link is not disabled)
46+
- `TabIndex` - While the property exists in the base class, it is not rendered on the hyperlink element
47+
- `EnableTheming` - Theming is not available in Blazor
48+
- `EnableViewState` - ViewState is supported for compatibility but this parameter does nothing
49+
- `SkinID` - Theming is not available in Blazor
50+
51+
## Usage Examples
52+
53+
### Web Forms Syntax
54+
```html
55+
<asp:HyperLink ID="lnkExample"
56+
NavigateUrl="https://example.com"
57+
Text="Visit Example"
58+
Target="_blank"
59+
ToolTip="Click to visit example.com"
60+
CssClass="btn btn-link"
61+
runat="server" />
62+
```
63+
64+
### Blazor Syntax
65+
```html
66+
<HyperLink NavigationUrl="https://example.com"
67+
Text="Visit Example"
68+
Target="_blank"
69+
ToolTip="Click to visit example.com"
70+
CssClass="btn btn-link" />
71+
```
72+
73+
### Blazor with Styling
74+
```html
75+
<HyperLink NavigationUrl="/products"
76+
Text="View Products"
77+
ForeColor="#0066cc"
78+
Font-Bold="true"
79+
Font-Size="14px" />
80+
```
81+
82+
### Blazor without NavigationUrl (renders as plain anchor)
83+
```html
84+
<HyperLink Text="Inactive Link"
85+
ToolTip="This link has no URL" />
86+
```
87+
88+
## WebForms Syntax Reference
1089

1190
```html
1291
<asp:HyperLink

0 commit comments

Comments
 (0)