github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-03-11 04:32:39 -05:00
Code Issues 250 Packages Projects Releases 53 Wiki Activity

[Feedback]: Toggle Switch #824

New Issue
Closed
opened 2026-02-28 19:21:10 -06:00 by GiteaMirror · 5 comments
GiteaMirror commented 2026-02-28 19:21:10 -06:00
Owner
Copy Link

Originally created by @carkom on GitHub (Dec 20, 2023).

I've noticed that there's a few places in the app where we use a static "toggle" menu item but have no way to tell current state of that element (eg show/hide categories on budget page).

Current (both hidden and shown are the same):
image

A couple possible options here:
iconology:

Hidden Shown
OR also using dynamic text
Hidden Shown

Dynamic Text (no icons):

Hidden Shown
Toggle Switch (status follows toggle):
Hidden Shown
Originally created by @carkom on GitHub (Dec 20, 2023). I've noticed that there's a few places in the app where we use a static "toggle" menu item but have no way to tell current state of that element (eg show/hide categories on budget page). Current (both hidden and shown are the same): ![image](https://github.com/actualbudget/actual/assets/55785687/6387a89d-bf4e-4320-8226-e7dff91182e0) A couple possible options here: iconology: <table> <tr> <td>Hidden</td> <td>Shown</td> </tr> <tr> <td><img src="https://github.com/actualbudget/actual/assets/55785687/7c7f960a-95f3-4a55-9f76-ed36fa7cd93f"></td> <td><img src="https://github.com/actualbudget/actual/assets/55785687/afc454b4-e5f3-447a-ab76-19f208c64061"></td> </tr> <tr> <td>OR also using dynamic text</td> </tr> <tr> <td>Hidden</td> <td>Shown</td> </tr> <tr> <td><img src="https://github.com/actualbudget/actual/assets/55785687/16463076-db2e-4692-aabb-091d6063f35b"></td> <td><img src="https://github.com/actualbudget/actual/assets/55785687/f1aa8259-222e-443f-b0ea-e9c2d8e33dd1"></td> </tr> </table> Dynamic Text (no icons): <table> <tr> <td>Hidden</td> <td>Shown</td> </tr> <tr> <td><img src="https://github.com/actualbudget/actual/assets/55785687/cc4a5067-c80a-494d-bb0a-b4cd48e40e6a"></td> <td><img src="https://github.com/actualbudget/actual/assets/55785687/a4f2f208-19fe-4e7b-b441-c588a563367d"></td> </tr> </table> Toggle Switch (status follows toggle): <table> <tr> <td>Hidden</td> <td>Shown</td> </tr> <tr> <td><img src="https://github.com/actualbudget/actual/assets/55785687/02f68359-f56c-4b33-aa08-7cdec526c5b1"></td> <td><img src="https://github.com/actualbudget/actual/assets/55785687/59b3d33e-d6e3-4d93-a6d7-f5c95e4c2433"></td> </tr> <tr> </table>
GiteaMirror added the bug label 2026-02-28 19:21:10 -06:00
GiteaMirror commented 2026-02-28 19:21:11 -06:00
Author
Owner
Copy Link

@carkom commented on GitHub (Dec 20, 2023):

Maybe there's other ideas or better implementation of any of the above options?

For me, I find the iconology options a bit difficult to understand. The Dynamic text is used often in other places of the app, I don't always like that the actual state of the element in question has to be inferred by the user (example voice in my head: "okay I have an option to show hidden categories, I guess that means that they are currently not shown"). So this leaves the toggle switch which has my vote. It's simple and quick to understand and use.

I'd love to hear everyone's thoughts and preferences. Please feel free to add other options or tweak the ones I have above.

@carkom commented on GitHub (Dec 20, 2023): Maybe there's other ideas or better implementation of any of the above options? For me, I find the iconology options a bit difficult to understand. The Dynamic text is used often in other places of the app, I don't always like that the actual state of the element in question has to be inferred by the user (example voice in my head: "okay I have an option to show hidden categories, I guess that means that they are currently not shown"). So this leaves the toggle switch which has my vote. It's simple and quick to understand and use. I'd love to hear everyone's thoughts and preferences. Please feel free to add other options or tweak the ones I have above.
GiteaMirror commented 2026-02-28 19:21:11 -06:00
Author
Owner
Copy Link

@Teprifer commented on GitHub (Dec 20, 2023):

I agree completely with your analysis.

Iconology contains too little visual differentiation, I at first thought you'd made an error in posting and put the same image in twice as I was only skimming images.

Dynamic text kinda works, but also it means there's effectively twice the UI options (and the mental processing you mentioned).

Toggle switch keeps the one UI element, is visually distinctive, is very instantly recognisable as a toggle(no mental processing). Also I like the splash of colour.

@Teprifer commented on GitHub (Dec 20, 2023): I agree completely with your analysis. Iconology contains too little visual differentiation, I at first thought you'd made an error in posting and put the same image in twice as I was only skimming images. Dynamic text kinda works, but also it means there's effectively twice the UI options (and the mental processing you mentioned). Toggle switch keeps the one UI element, is visually distinctive, is very instantly recognisable as a toggle(no mental processing). Also I like the splash of colour.
GiteaMirror commented 2026-02-28 19:21:11 -06:00
Author
Owner
Copy Link

@jsehnoutka commented on GitHub (Dec 22, 2023):

+1 for toggle switch!

@jsehnoutka commented on GitHub (Dec 22, 2023): +1 for toggle switch!
GiteaMirror commented 2026-02-28 19:21:11 -06:00
Author
Owner
Copy Link

@youngcw commented on GitHub (Feb 26, 2024):

@carkom Do you need this to still be open? If we want to add toggles places maybe we should open issues for those.

@youngcw commented on GitHub (Feb 26, 2024): @carkom Do you need this to still be open? If we want to add toggles places maybe we should open issues for those.
GiteaMirror commented 2026-02-28 19:21:12 -06:00
Author
Owner
Copy Link

@carkom commented on GitHub (Feb 26, 2024):

Implemented in #2174

@carkom commented on GitHub (Feb 26, 2024): Implemented in #2174
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No Label bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#824
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?