If you have to spend a lot of your time in your day doing repetitive tasks such as entering data into forms then you will likely agree that it can be quite convenient to focus on a textbox in a form.
When you’re accessing a form over and over filling out the same field it can be a huge time saver to have the cursor already in the box ready for you to type and hit enter.
It can greatly reduce the stress of repetitive task by not having to use the mouse as much.
According to the Microsoft training portal, you can easily accomplish this convenient feature in a Blazor project.
All you have to do is add a reference to the input element, then a line of code to activate it. Here is a summary of the information I learned in the Microsoft Training Portal.
- The Blazor directive
@ref="formInputName"lets the code block create anElementReferenceto reference the input element. You can then use this element reference to callFocusAsyncafter a page has been rendered. - Add code to call
FocusAsyncafter a page has loaded
<input @ref="formInputName" @bind="MyForm.formInputName" />
Now add a variable to activate and use that reference, and the code to call FocusAsync after a page has loaded:
private ElementReference formInputName;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender) {
await formInputName.FocusAsync();
}
}
Screenshot taken from the results of taking a Microsoft Training.
Using AR to bring an art piece to life has rapidly turned into an active and exciting art genre. I was contacted by an artist looking for new ways to share their art with the world. They asked if I would be able to prototype an AR app that will take their finished art pieces and make it deeper by adding audio, animations, and information to the existing piece. I decided to create a prototype to help determine the feasibility of this idea.
