Genie Discord forum

I often found to have to "fight" to get the desired layout and styling, which I attribute from the various style that Stipple inject by default, plus de ones from Quasar.

I found the html generated by GenieBuilder a promising approach as it provides to write generic html and integrate Quasar compoenents directly as found from the docs. Ex: https://quasar.dev/vue-components/select#overview

<h3>SubTitle</h3>
<q-select v-model="item" :options="item_options" label="MyLabel"></q-select>

However, the above only works if called through @page or Stipple.Pages.Page, which injects various formating along a footer.

Alternatively, if trying to go with the regular html route:

    html(
        :mini,
        :ui;
        layout = :app,
        context = MiniController,
        Model = MiniController.handlers(),
    )

It wouldn't display the reactive element (select items) even if the various scripts are integrated like:

    <script src="/stipple.jl/master/assets/js/vue.js"></script>
    <script src="/stipple.jl/master/assets/js/stipplecore.js"></script>
    <script src="/stippleui.jl/master/assets/js/quasar.umd.min.js"></script>

My understanding being that it misses the MiniController.js script that Stipple generates.

So in summary, is there a path to get such workflow where one could just build the UI through straight html, similar to what GenieBuilder generates, while keeping in control of the styling elements? The general idea would be to be able to start from a vanilla styled page and then be able to add a Bootstrap4 or 5 version as one see fit, or any other assets ones may need.

For info, the above tests were done here: https://github.com/jeremiedb/GenieExperiments.jl/blob/dev/routes.jl

thanks for detailed explanation and code. I'll check

the page macro uses default layout defined here: https://github.com/GenieFramework/Stipple.jl/blob/04a62b3f3e80b48492a8467858d9040eb1733e77/src/ReactiveTools.jl#L18-L66 unlike html

I need to discuss this with Adrian. Thanks for reporting. However can you copy-paste and create this issue in Stipple.jl ???

So we don't loose track of it?

discord is getting pilled up with lot questions lately and tracking important issues is getting hard

Sure, I'll open the issue tomorrow, thanks for taking a look at this! I had raised the question of facilitating styling templating some time ago with Adrian. As I've taken some time to understand a little better the Quasar framework, it will hopefully help lands on a more flexible approach.