Skip to main content
Home  › ... 2sxc Apps › 2sxc Tutorial

HTML Tutorials

Tutorial Home
Work with HTML
#5 Using Emojis / Emoticons 👍
Advanced Hybrid Use

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.
Resources

Just showing Emojis in Source-Code

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

Showing Emojis instead of true/false

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

@functions {
  string Boolmoji(bool value) { return value ? "✔️" : "❌"; }
}

<ul>
  <li>Boolmoji(true) ⇒ @Boolmoji(true)</li>
  <li>Boolmoji(false) ⇒ @Boolmoji(false)</li>
</ul>
Work with HTML
#5 Using Emojis / Emoticons 👍
Advanced Hybrid Use

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code 

@inherits Custom.Hybrid.Razor14
<!-- unimportant stuff, hidden -->
Working with 😃 Emojis / Emoticons... <!-- unimportant stuff, hidden -->


@functions {
  string Boolmoji(bool value) { return value ? "✔️" : "❌"; }
}

<ul>
  <li>Boolmoji(true) ⇒ @Boolmoji(true)</li>
  <li>Boolmoji(false) ⇒ @Boolmoji(false)</li>
</ul>



<!-- unimportant stuff, hidden -->