Umbraco Early Adopter Gotcha - Empty Buttons.

kevinjump

Kevin Jump

Posted on February 18, 2024

Umbraco Early Adopter Gotcha - Empty Buttons.

Things, i keep getting wrong. Part c of n

When you define a button in the new ui.

 <uui-button color="danger" look="primary"
 label="Confirm?" @click=${this.openConfirm}></uui-button>
Enter fullscreen mode Exit fullscreen mode

Confirm button

You might be tempted to make the code all neat.

<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}>
</uui-button>
Enter fullscreen mode Exit fullscreen mode

but beware !

That last carrage return has made the button empty !! and if won't render any text !

Empty Button!

Empty Button? check the carrage return!

Don't get stuck wasting time (like me). put the closing tag at the end of the line.

<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}></uui-button>
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
kevinjump
Kevin Jump

Posted on February 18, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related