Basically depending on the output of WF. For example, red for some delete operations, green for creating new things. Grey for setting custom states, orange for custom events and so on.
preorder done, from France.
1 Like
unrelated question, what tool do you use to make these instruction videos? looks great!
1 Like
Thank you 
Iām using https://www.screen.studio/
2 Likes
So, uh, weāre all just gonna pretend that pun didnāt happen? Nah, not on my watchā¦ good stuff, @bryanrcosta!
Moving onā¦ congrats on your prototype, Bryan. In my opinion, there is a lot of potential hereā¦ so much so that maybe Bubble shouldā¦ wait for itā¦ take note! (Sorry, I couldnāt help myself.)
Puns aside, I do have a suggestion for you that might seem a bit out there at first, but I could see it fitting in to what you are doing in a number of ways, and I have seen more than a few folks ask for it over the years. Give people an easy way to track time spent working in a particular session, on a particular feature, or on an app in general, and maybe give them a way to get that info into their invoicing app of choice. Just food for thought there, but it could be a significant value add, if you ask me (which I realize nobody did, but still).
5 Likes
Iāve never needed to report a Moderator until now.
5 Likes
Hahaha @mikeloc you caught me!
Thank you so much for the positivity - it means a lot.
I totally agree with you Mike - there is a lot of potential and this is just a MVP of the tip of the iceberg.
My vision for this extension goes beyond notes, so your suggestion ties in very well with what I have planned for the future.
1 Like
1 Like
Hey everyone - itās been a while since I last shared progress.
Iāve been working on this daily, and Iām super happy with what Iāve managed to accomplish in little over 2 weeks of work thus far.
First update:
This prototype/project/prodcut has become a real thing and it now has a name: Elemental It also has a new home at: https://tryelemental.io where you can join the waitlist to be among the first to use it!
Terrible copy and not much of anything really, but the main goal here is to collect leads on potential users. Iāll improve it over the next few days.
But with that - the main point I wanted to capture: this journey starts with improving documentation for Bubble devs, and it wonāt stop there 
Second update
I finally had the time to make another video to demo progress.
Key points worth mentioning:
-
Elemental now supports notes for workflows and actions in all pages across an app, reusables frontend and backend. Iāve also extended support for elements too (works for all pages and reusables). In the video you can see that notes for all these things retains context in Bubble;
-
Multi-app support: this has been added with a simple menu to navigate to different apps. this means that a sinlge account can support multiple apps, with only the notes per respective app to be displayed at a given time (e.g: If youāre in bubble app A, youāll only see notes related to app A).
-
Note indicators: If a workflow or action has a note assigned to it, youāll see a little indicator.
Moving forward:
My next target is to get the first iteration of Elemental available to pre-orders, and waitlist users with some additional adjustments to the functionality and usability patterns ) youāve seen in the video.
Iām being optimistic here, but Iād like to submit an initial version to the chrome store by the end of this week.
Fingers crossed.
5 Likes
Hey everyone - yet a few more weeks have passed since my last update. Unexpected events, health issues and planned trip got in the way of reaching out sooner.
Sorry for the delay but I have great news: Elemental is now available 
A few things Iād like to share with you on this early release (Iāll update the website later this week with more details):
Pricing
-
Elemental will be a subscription-based service, and will cost 2.99 euros/month, which can be canceled at anytime.
-
If you pre-ordered early-access, check your inbox - Iāve added a coupon that will discount 100% on your subscription (4 months).
Known-issues:
-
Each time the editor page is reloaded, Elemental needs to be toggled once to allow communication between your bubble editor and Elemental. This is something that will be addressed in the update.
-
You can create more than 1 note per workflow, action or element. Not sure if this is a bug or a feature at this stage (you tell me!) but this might be behavior that changes soon!
1 Like
Hello. I subscribed just now on tryelemental.io. Iām now sitting at Elemental - Onboarding (tryelemental.io) and have a message on my screen that says āSuccess! You are being redirected.ā However, the screen stays this way and nothing happens. Please advise.
1 Like
Hey @jfranzlien - thanks for the purchase and my bad for this setback.
Iāve detected the issue that prevented the redirect from happening and pushed a fix.
You should have been redirected to the download page (so you can download the elemental browser extension).
Let me know if you run into any further issues 
Okay, I got the Chrome extension. Now, when I go into my app, thereās a Notes button on the palette. When I click on it, the Elemental sidebar appears. However, when I right-click on workflow item, thereās no option to create a new note.
1 Like
Damn, turns out the method I use to detect the context menu (where the option to create a note is used), is now broken since Bubble made some changes to their editor. This in return has broken the feature to add notes in Elementalā¦
Iām currently working on a solution, but sadly I donāt have a work-around to present.
@jfranzlien sorry that this is happening during your trial period. Iām happy to extend/freeze your trial period. No need for you to pay for a product you havenāt had the chance to use yet. (DM the email you used for your subscription)
Let me dive back into fixing this.
Good news - I managed to get it working again.
Just wrapping-up testing, to submit a version for release.
Update: Iāve submitted a version for review - now just pending to be reviewed/approved
Update 2: Latest version is now available. Make sure the plugin version you have is Elemental - 0.0.4
It works now. Thanks.
Tried adding notes for workflows on two pages. First impressionsā¦
- Canāt delete unused notes.
- When I create a note for an item, a dot appears in that item. However, when I click on the item or the dot, it doesnāt automatically scroll to the note for that item. Instead, I have to enter search terms to find the note pertaining to the item.
- Once notes are created, thereās no way provided to organize them. Currently, if I added notes for 500 objects, theyād just be 500 individual notes. There should be tags to mark what each note is. For example, there should be a tag indicating which page a note belongs to. And another tag indicating whether the note is for a design object, database object, or workflow object. Another tag should note where a particular workflow action falls in a sequence. If this canāt be done automatically, give users the ability to create their own tags. And give them the ability to sort based on these tags.
- Thereās no export function yet. For my app, I want to create a documentation document thatās separate from my application. This doc would include a sorted export of all my inline notes.
While it has potential, so far Elemental is a little less functional than Bubbleās inline notes.
1 Like
Latest version 0.0.5 is now live 
- hereās whatās new:
Dark mode 
You can now burn the midnight oil in Bubble without straining your eyes.
I tried my best to create a dark mode theme, to make your late night sessions more enjoyable.
To activate it, simply click the black/white circle (black to activate dark mode, white to activate light mode) in the the top-menu. Your preference will be stored too.
Send screenshots if you see something not showing as expected. Happy to maintain this theme 
Fullscreen code editor
If you find yourself, writing code in Bubble, youāre in for a treat! Elemental transforms the code editor, making it fullscreen. Added a custom visual studio code color theme too!
Archive notes
Added an option to archive notes.
Improvements:
Elemental loading experience
Improved how the extension loads (now on page load). (Gif below shows Elemental loading on page load - notes the black dots on the first 2 workflows)
Benefits of this:
- Faster experience, Elemental loads when you load the editor;
- Removes the awkward extra to click on āNotesā button every time after reloading the page to load Elemental.
- Note indicators are instantly visible on page load;
- Can start interacting with existing notes or create new ones immediately;
Note indicator interaction
Now, when you click on a note indicator, Elemental side panel will display and youāre redirected to the note. If the side-panel is closed, itāll open automatically.
1 Like
Love the feedback - please keep it coming.
- Canāt delete unused notes.
Fixed in latest version 
- When I create a note for an item, a dot appears in that item. However, when I click on the item or the dot, it doesnāt automatically scroll to the note for that item. Instead, I have to enter search terms to find the note pertaining to the item.
Fixed in latest version
- Once notes are created, thereās no way provided to organize them. Currently, if I added notes for 500 objects, theyād just be 500 individual notes. There should be tags to mark what each note is.
Iāll work on tags now - first iteration will be super basic, but at least youāll be able to add any label you want and search with it (fun fact: Elementalās search supports multiple queries).
update (23.11.2023):
For example, there should be a tag indicating which page a note belongs to.
Nice feature request
And another tag indicating whether the note is for a design object, database object, or workflow object.
Right now, there are indicators in the bottom left of a card, youāll notice the following labels:
- Event: refers to a workflow
- Action: refers to an action within a workflow;
- Generic Element: this an element that appears in the design tab;
Is this what youāre talking about? Are you asking for these to be clickable, so that when for example, the label āActionā is clicked, it filters the list of notes to only contain all notes related to actions?
Another tag should note where a particular workflow action falls in a sequence. If this canāt be done automatically, give users the ability to create their own tags. And give them the ability to sort based on these tags.
Do you mean filter based on these tags?
- Thereās no export function yet. For my app, I want to create a documentation document thatās separate from my application. This doc would include a sorted export of all my inline notes.
Yeap this is true, not available yet - but Iāll be adding it soon