:Kodular: Kodular HTML Tricks

[Vedang (Indian boy)]

Kodular HTML Tricks

Hey Koder, Good Afternoon In This Guide I Am Going To Show You Some HTML Tricks In You Can Also Use This Trick In :thunkable:

First Trick :- Make Underline To A Label

enable html formats in the designer property of a label

<u>{YOUR TEXT}</u> Write Your Label In This Format

This html code allows you to make underline under label

Second Trick :- Make Table In A Webviewer

enable html format on label properties

Add This Code In Label

<table border="5">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

Output :-

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	80

Third Trick :- HTML Heading

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

output :
>

Heading 1

<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Fourth Trick :- Delete A Word

Use <del> tag for this
Example :

FIFTH TRICK: Add an emoji in a label

OUTPUT:

You can add any emoji character in a label by entering the HTML decimal code.

For example:

is &#128516

is &#128525

is &#128151

is &#128514

and so on…

You can easily find these HTML codes on the internet.
You can use win + . shortcut to see a box of emojis, that you can add in your apps.

---

SOME TRICKS WILL ADDED SOON

Special Thanks To @Peter And @ImranTariq To Give Me An Idea To Create This Guide

Thank You
Happy Koding

[Peter (Moderator)]

If you want to make a more elaborate guide why not show what html codes you can use in a label or textbox. You can edit this topic and change the title.

[Vedang (Indian boy)]

@Peter

why not show what html codes you can use in a label

I have shown in the guide

@Vedang

<u>{YOUR TEXT}</u>

[Peter (Moderator)]

There is more then underline. You can have italic, bold, superscript, subscript, change colors for instance. Then you would have made a great guide to point to when there is a question.

For now your guide is really small and what you have shown can also be found on the community.

[Vedang (Indian boy)]

Yes i agreed with you. I will also make tutorial about html tags used in label. Thanks for ur suggestion

[Peter (Moderator)]

@Vedang

also make tutorial

Like i said, collect all possibilities here and edit your first post.

[Vedang (Indian boy)]

Ok and Thanks. But i cant do this now i have not time now

[ImranTariq]

@Peter is right you have to make a complete tutorial not just a underline, these are the code we are using already and if someone needs to se html then he needs a complete tutorial not just one code.

@Vedang

i have not time now

if you wanted to be highlighted in community then you have to give some time to community.

[Vedang (Indian boy)]

I have Added More Tricks

[Mateja]

Can an admin please make this topic a wiki?

[WatermelonIce (Bryan)]

@Vedang

Make Table In A Label

I didn’t know that thanks for telling
btw how about <br> or bold <b>, <i>, <del>, sth like that?
They are also possible

[Peter (Moderator)]

@WatermelonIce

They are also possible

Why not try?

[WatermelonIce (Bryan)]

@Peter

Why not try

No, I mean I know them so I want the author to add it

[Vedang (Indian boy)]

Thanks For Your Suggetion I Have Implemented del tag in guide. We can make text bold and italic with built in functions of kodular creator therefore not added your other tags

[Peter (Moderator)]

@Vedang

not added your other tags

And that’s where you are thinking wrong. You should add them because this way you can make part of your label bold, italic, underlined, etc. And don’t forget _subscriptand ^superscript. And that you can give part of the label a different color.

[WatermelonIce (Bryan)]

Definitely.

[Mateja]

@Vedang why have you added the wiki tag if this topic is not a wiki?

[rizu (Rizu Barury)]

How to make a wiki?

[bodymindpower (Anke)]

@Vedang

We can make text bold and italic with built in functions of kodular creator therefore not added your other tags

This is not the question, but that you want to vary this within a text.

Btw, on the occasion, questions about text font size in HTML should also be clarified, see e.g. here:

'Font size' tag not working in listView or Label

What @bodymindpower suggested works! <h1 font size="20">This is a heading</h1>

What alternatives are there, eg like this:

<font color=red>normal text</font> or <big><font color=blue>big text</font></big> or
<small><small><font color=green>small text</font><small/><small/> or <big><big><big><big><font color=purple>bigger text</font></big></big></big></big>

[WatermelonIce (Bryan)]

shouldn’t it be </small> instead of <small/> (Idk much about HTML)