Clojurians Log v2

Hi, I'm trying to get bulma tooltip to work. So far, I did this: • having a working re-frame cljs app with bulma included (some buttons... they work - so bulma works) • having bulma extensions installed by "npm install bulma-extensions" (seems to work, since slider and switch works) Trying the tooltip with the switch like this:

[:div.field
       [:input#switchExample.switch {:data-tooltip "Tooltip Text" :type "checkbox" :name "switchExample"  :on-change #(js/console.log (-> % .-target .-checked))}]
       [:label {:for "switchExample"} "Switch example"]]

It appears that bulma tooltips are a separate extension, so maybe you just need to import it separately? https://github.com/CreativeBulma/bulma-tooltip

@benno.loeffler After checking this in a project, there is a bug with the tooltip operating on the checkbox switch input. It does not display. I can get it to display on the wrapping div with class "field" though...

(defn app []
  [:div.wrapper
   [:div "some text here"]
   [:div "some more text here"]
   [:div.field {:data-tooltip "Tooltip on Checkbox + Label"}
    [:input {:id "switchColorDefault"
             :class "switch"
             :name "switchColorDefault"
             :type "checkbox"
             :default-checked true}]
    [:label {:for "switchColorDefault"} "Switch example"]]
   [:div "some text here"]
   [:div "some more text here"]
   [:button.button {:data-tooltip "Tooltip Text"
                    :class "has-tooltip-arrow"} "top tooltip"]])

Thanks a lot. Tried your snippet. It shows up - but without any tooltip. So I'm probably missing something with proper installation. I tried • npm install bulma-extensions • npm i -D @creativebulma/bulma-tooltip according to two different installation instructions that I found. https://github.com/CreativeBulma/bulma-tooltip and https://wikiki.github.io/ so, my package.json contains one of two dependencies - I tried with one alternative:

"dependencies": {
        1. alternative "bulma-extensions": "^6.2.7",
        "highlight.js": "10.7.1",
        "react": "17.0.1",
        "react-dom": "17.0.1"
    },
    "devDependencies": {
        2. alternative: "@creativebulma/bulma-tooltip": "^1.2.0",
        "shadow-cljs": "2.12.5"
    }

&lt;link rel="stylesheet" href="<https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma-rtl.min.css>"&gt;
    &lt;link rel="stylesheet" href="<https://cdn.jsdelivr.net/npm/bulma-extensions@4.0.0/dist/css/bulma-extensions.min.css>"&gt;

@benno.loeffler I've pushed my repo up, so you can look at how I ran it. Let me know if you have any questions. Good luck! https://github.com/AutoScreencast/bulma-app

cloned and ran: Works... The major difference is the mystyles.scss. I never worked with it. Did you write it by hand or was it created by some tools while installing bulma? Anyway: Thank you very much. Now I know the direction to search. Having read the docs again, I realized, that this is part of the installation. I interpreted it as a different installation opiton :face_with_rolling_eyes:

found a +sassc flag within the luminus template options - I'm quite sure, that will do what I need! Thanks a lot!