App

Razor Basics Tutorials

Tutorial Home › Razor Basics
Work with HTML Output
#5 Working with 😃 Emojis / Emoticons
Reuse Code and Razor Templates
Resources

Working with 😃 Emojis / Emoticons

Emojis or Emoticons are built into all mobile devices and modern desktops. The way they work is that they are actually a very long character code - which automatically works in UTF-8 documents. That is the default in asp.net, so you're good to go.

Just showing Emojis in Source-Code

Check out 🙈 🙉 🙊 ☔ 🎄 - I just pasted these into the source code from emojipedia

Below you'll see a helper I created called Boolmoji - it will show a ✔️ or ❌ instead of boolean values.

⬇️ Result | Source ➡️

  • Boolmoji(true) ⇒ ✔️
  • Boolmoji(false) ⇒ ❌
@inherits Custom.Hybrid.RazorTyped

@functions {
  string Boolmoji(bool value) { return value ? "✔️" : "❌"; }
}
<ul>
  <li>Boolmoji(true) ⇒ @Boolmoji(true)</li>
  <li>Boolmoji(false) ⇒ @Boolmoji(false)</li>
</ul>

 

Work with HTML Output
#5 Working with 😃 Emojis / Emoticons
Reuse Code and Razor Templates