Skip to content

Commit

Permalink
Merge pull request #102 from emncnozge/readme-update
Browse files Browse the repository at this point in the history
Readme updated
  • Loading branch information
emncnozge authored Oct 21, 2024
2 parents 963b014 + ee1d2b0 commit 13c2e07
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 62 deletions.
64 changes: 3 additions & 61 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ public partial class Index
- [Tree](#tree)
- [Typography](#typography)
- [Upload](#upload)
- [Form Validation](#form-validation)
- [Validation Tooltip - Form Validation](#validation-tooltip-form-validation)
- [Workflow](#workflow)

## Application
Expand Down Expand Up @@ -1277,15 +1277,15 @@ toast.ShowToast("test message", "info");
</Tooltip>
```

## Validation Tooltip
## Validation Tooltip - Form Validation

```razor
<form class="needs-validation" novalidate @onsubmit="()=>{}">
<ValidationTooltip Message="Cannot be empty!" Placement="ValidationTooltipPlacement.Top">
<label for="validationCustom01">Name</label>
<input id="validationCustom01" value="" required />
</ValidationTooltip>
<Button Type="ButtonType.Submit">Submit </Button>
<Button Type="ButtonType.Submit">Submit</Button>
</form>
```

Expand Down Expand Up @@ -1365,64 +1365,6 @@ tree.TreeModel = treeNodes;
</Upload>
```

## Form validation

```razor
<form class="row g-3 needs-validation" novalidate>
<div class="row">
<div class="col-md-4">
<label for="validationCustom01" class="form-label">
First name
</label>
<input
type="text"
class="form-control"
id="validationCustom01"
value=""
required
/>
<div class="valid-feedback">Looks good!</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<ix-validation-tooltip message="Cannot be empty!">
<label for="validationCustom02" class="form-label">
Last name
</label>
<input
type="text"
class="form-control"
id="validationCustom02"
value=""
required
/>
</ix-validation-tooltip>
<div class="valid-feedback">Looks good!</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<label for="validationCustomUsername" class="form-label">
Username
</label>
<input
type="text"
class="form-control"
id="validationCustomUsername"
aria-describedby="inputGroupPrepend"
required
minlength="4"
/>
<div class="invalid-feedback">Please choose a username.</div>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary" type="submit">Submit form</button>
</div>
</form>
```

## Workflow

```razor
Expand Down
2 changes: 1 addition & 1 deletion SiemensIXBlazor/SiemensIXBlazor.csproj
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@

<ItemGroup>
<PackageReference Include="BlazorComponentUtilities" Version="1.8.0" />
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.8" />
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.10" />
<PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
</ItemGroup>

Expand Down

0 comments on commit 13c2e07

Please sign in to comment.