Simple extension that allow to use your own custom html as a flarum Widget (afrux framework required).

Custom Html Widget

License Latest Stable Version Total Downloads

A Flarum extension. Add your custom html to Flarum

jpSEKeQJuu

Installation

Install with composer:

composer require justoverclock/custom-html-widget:"*"

Updating

composer update justoverclock/custom-html-widget:"*"
php flarum cache:clear

Links

    looks great!

    Do you think it is better for all the widget not to be displayed on the mobile view?

      stimw depend on how you write your html..if is responsive you can use this widget on mobile also 🙂

      In my opinion, on mobile I think it’s better to focus on forum content and not widget, but is up to you

        8 days later
        4 months later

        I can't get this to work with JavaScript added. Works in the preview, but not in the frontend. I'm guessing it's a Flarum security feature or due to the whole single page app set up it can't handle it. 🤷‍♂️ I just wanted to have a new year's countdown timer in a widget. I put all the code in this. And again, in the preview it worked. But then I go to the frontend and the timer doesn't countdown. Interesting.

        I don't think it's this extension, I think it's just due to the way Flarum works.

          10 months later

          I hope It can have a "+"(add) button to add more than 1 htmlwidget(Each htmlwidget has a name label input and a html textarea).Then I can drag each of them to specific position. I wish one day you guys can make it happen.That will be more wonderful and diyable.
          Thank you for this wonderful extension.

            Miracle if i remember well @SychO was working on a multiple widget add-on for afrux, but maybe you need to ask in that discussion, i'm not informed about his progress/spare time

              @Justoverclock this is genius!
              How can I set it up so that it looks similar to the "tags" from the menu but also works in mobile mode? Is that possible?

                Justoverclock could you please post a demo code? i am not good at programming 🙁 as i said, the link shoud look als the tags above 🙂

                    Yolo i'm nt sure about your request but you can try with

                    <style>
.tag {
  background-color: blueviolet;
    width: fit-content;
    border-radius: 4px;
    padding: 2px 10px 2px 10px;
    color: white;
    font-weight: bold;
}
</style>
<div class="tag">Tag Text</div>

                    this will generate something like this:

                        a month later

                        The settings page of the plugin is not user-friendly, so we cannot edit it properly on mobile. Can you do a study for this?

                        2 months later

                        hi when I want to insert a banner with link comes the message no Permissions to do this after saving. maybe an idea what the reason could be