{"id":19811119,"url":"https://github.com/accenture/mendix.cssclassswitcher","last_synced_at":"2025-05-01T08:32:33.696Z","repository":{"id":48016037,"uuid":"187016573","full_name":"Accenture/Mendix.CssClassSwitcher","owner":"Accenture","description":"A Mendix widget that adds CSS classes determined by a microflow (or nanoflow) to elements determined by CSS selector.","archived":false,"fork":false,"pushed_at":"2022-12-03T09:44:31.000Z","size":17755,"stargazers_count":1,"open_issues_count":8,"forks_count":5,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-04-03T10:31:18.885Z","etag":null,"topics":["mendix","mendix-widget"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Accenture.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-16T11:44:07.000Z","updated_at":"2024-02-15T11:39:57.000Z","dependencies_parsed_at":"2023-01-23T22:45:22.718Z","dependency_job_id":null,"html_url":"https://github.com/Accenture/Mendix.CssClassSwitcher","commit_stats":null,"previous_names":["accenture/mendix.cssclassswitcher"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Accenture%2FMendix.CssClassSwitcher","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Accenture%2FMendix.CssClassSwitcher/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Accenture%2FMendix.CssClassSwitcher/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Accenture%2FMendix.CssClassSwitcher/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Accenture","download_url":"https://codeload.github.com/Accenture/Mendix.CssClassSwitcher/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224248185,"owners_count":17280098,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mendix","mendix-widget"],"created_at":"2024-11-12T09:24:53.225Z","updated_at":"2024-11-12T09:24:53.804Z","avatar_url":"https://github.com/Accenture.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Css Class Switcher\n\nA Mendix widget that adds CSS classes determined by a microflow (or nanoflow) to elements determined by CSS selector.\n\n## Typical usage scenario\n\nIt's useful in applications that need to **determine styling** based on **arbitrary logic** and change it **dynamically in runtime**:\n\n- An example may be a **multi-tenant app** with different styling for **different brands**, depending on settings of the current user.\n- Another use case would be to allow your users to choose between **multiple theme or skins** for your application, depending on their preferences.\n- You can also **improve accessibility** by switching to styling with e.g. bigger fonts and cleaner layout with less distractions for users with visual or cognitive impairments.\n\n## Example application\n\n[Here](https://github.com/ObjectivityLtd/Mendix.CssClassSwitcher/tree/master/test) you can find a simple yet beautiful sample app that switches its styling between light and dark depending on current user theme stored in ``Account`` entity.\n\n(And [here](https://github.com/ObjectivityLtd/Mendix.CssClassSwitcher/tree/master/test-mx8) is the same app for Mendix 8.)\n\n## Usage\n\nPlace the widget inside your app and provide the following settings:\n- `Microflow`: A microflow that has no parameters and returns a string with CSS classes that should be added to target elements. Multiple classes can be seperated with a space.\n- `Nanoflow`: Alternatively, you can use a nanoflow instead of microflow - as above.\n- `Target element selector`: Optional CSS selector of target elements to add the classes to. If empty, the parent element of the widget will be used.\n- `CSS classes to remove`: Optional CSS classes to be removed from the target elements. Multiple classes can be seperated with a space.\n\n## Inspired by / thanks to\n- [Dynamic Classes widget](https://appstore.home.mendix.com/link/app/108838/)\n- [StyleSheetSwitcher widget](https://appstore.home.mendix.com/link/app/106033/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faccenture%2Fmendix.cssclassswitcher","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faccenture%2Fmendix.cssclassswitcher","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faccenture%2Fmendix.cssclassswitcher/lists"}