B4J Library [B4X][Web] MiniHtml2

aeric · 2026-02-01T20:45:46+0000

Version: 2.00-alpha

Generate Html with B4X code.

GitHub: https://github.com/pyhoon/MiniHtml2-B4X

Older version: https://www.b4x.com/android/forum/threads/b4x-web-minihtml.158846/

aeric · 2026-02-02T02:27:47+0000

Current release 2.00-alpha is still under development. It is created in a few hours without thoroughly tested.

This version is not backward compatible with previous version which is currently v0.90

Key differences from previous version are:

MiniHtml object/class instead of Tag.
No modules for quick tag creation.
You need to initialize the object first.
However, you can create a reusable function named CreateTag.
This is more flexible because you can name the CreateTag function to any other name you like, eg NewTag.
Many functions are removed so it is more cleaner and lightweight
No Bootstrap data, Htmx or AlpineJS functions
Smaller file size
Less conflicts with other libraries or variables name
Promote more readable code practice

aeric · 2026-02-02T02:31:22+0000

No tutorial is shared at the moment but you can check the GitHub project and run the EndsMeet server example.

There is an example in /source/Index.bas

B4X:

    Dim body1 As MiniHtml = CreateTag("body").up(html1)
    Dim div1 As MiniHtml = CreateTag("div").up(body1)
    div1.cls("d-flex align-items-center")
    div1.sty("height: 100vh")
    Dim div2 As MiniHtml = CreateTag("div").up(div1)
    div2.sty("margin: auto")

    Dim div3 As MiniHtml = CreateTag("div").up(div2)
    div3.attr("id", "modals-here")
    div3.cls("modal modal-blur fade")
    div3.sty("display: none")
    div3.attr("aria-hidden", "false")
    div3.attr("tabindex", "-1")

B4J Library [B4X][Web] MiniHtml2

Attachments

aeric

Expert

aeric

Expert

Similar Threads

B4J Library [B4X][Web] MiniHtml2

Attachments

aeric

Expert

aeric

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency