User Interface issueshttps://lab.civicrm.org/dev/user-interface/-/issues2020-10-12T22:26:23Zhttps://lab.civicrm.org/dev/user-interface/-/issues/21"Allow sharing through social media?" – misleading label2020-10-12T22:26:23Znicol"Allow sharing through social media?" – misleading label![image](/uploads/6cafff09b7214f580edef390a8272825/image.png)
Without going into the design / etc issues of the Help Spread the Word social media box at the bottom of event and contribution pages, the checkbox enabling and disabling it ...![image](/uploads/6cafff09b7214f580edef390a8272825/image.png)
Without going into the design / etc issues of the Help Spread the Word social media box at the bottom of event and contribution pages, the checkbox enabling and disabling it is a little confusing. Users could turn it on by mistake because they check a box asking them to "Allow sharing through social media?" of the event or contribution page in question.
![image](/uploads/5121c784856610036c72466d1e7c9346/image.png)
Obviously everyone clicks yes to that. But in reality obviously any public page can be shared through social media - this checkbox neither enables nor blocks social sharing. Unless I'm badly mistaken, checking it simply adds Facebook/Twitter/LinkedIn share buttons and tracking code to the foot of the event or contribution page in a green box. It would be clearer to label this as "Add social media sharing button footer".
![image](/uploads/2765ae670a5d063ce3316dc1a02e1f95/image.png)
Post-GDPR & CCPA it might also be good to state in the info box that turning this on will add Facebook/Twitter/LinkedIn tracking code, as that could impact the site's privacy policy/cookie declaration.5.32.0https://lab.civicrm.org/dev/user-interface/-/issues/17Confusing popups when importing activities2022-06-11T01:15:44ZrobinhoodConfusing popups when importing activitiesThis is on CiviCRM 5.24.1, just installed. The behavior of the Import Activities page is odd. On the Preview page, Step 3 of 4, the buttons Previous, Import Now, or Cancel are displayed. However, no matter which button is selected, a pop...This is on CiviCRM 5.24.1, just installed. The behavior of the Import Activities page is odd. On the Preview page, Step 3 of 4, the buttons Previous, Import Now, or Cancel are displayed. However, no matter which button is selected, a popup box says: "Backing up your database before importing is recommended, as there is no Undo for this. Are you sure you want to import now?" Then the import appears to start and a progress bar appears, even if Previous or Cancel were selected. If Import Now was selected, the import proceeds normally. If Previous was selected, nothing is imported, and it returns the user to Step 2 of 4. If Cancel was selected, nothing is imported, and it returns the user to Step 1 of 4. No harm is done, and the return to previous steps is correct, but the popups give the appearance that we are unable to stop the import regardless of the option selected, which is alarming to the user. This behavior is confirmed on the demo site.5.51.0https://lab.civicrm.org/dev/user-interface/-/issues/49Search Kit builder UX improvements2023-12-21T22:33:04ZnicolSearch Kit builder UX improvementsFollowing discussion at the sprint with @gibsonoliver, @davem, @colemanw, @christhompson, @callanpaterson {please add others} – am aggregating some of the feedback.
**What this isn't**. A proposal for a UX rewrite, which would normally ...Following discussion at the sprint with @gibsonoliver, @davem, @colemanw, @christhompson, @callanpaterson {please add others} – am aggregating some of the feedback.
**What this isn't**. A proposal for a UX rewrite, which would normally start with a whole process of user feedback & profiling, workshoping, wireframing and so on which is a whole different proposal.
**What this is.** Low hanging fruit, ie optimisations that could make this interface more intuitive, especially for people not familiar with mysql builder, or more used to Drupal Views syntax.
Proposals are grouped in four areas:
1. **Language**. For e.g. changing '_Where_' to '_Filter_', and '_Having_' to '_Filter within Results_', which would make clear both do similar things (filter), but how they are different.
2. **Help tooltips**. An (i) icon that can be clicked for a quick explanation of a term, plus a link to the docs where possible (ie 'WITH is a connection to another entity, like a MySQL JOIN or Views RELATIONSHIP. Learn more >>')
3. **Pre-built Reports** as Search Kit displays in the UI out-the-box. ie recreate some common CiviReports as SK displays that people can then tweak/clone/deconstruct, and in doing so learn a bit of the interface/structure. Inspired by the comment 'Tweaking is easier than creating'.
4. **Reorder elements** of the page to make the user journey more obvious. These should be doable either through CSS grid reordering, or minimal markup tweaks. E.g. (brainstormed ideas not proposals):
- ensure all related blocks are within a parent visual container/border to keep them separate when queries get longer,
- put some elements (ie group or query info) behind an 'advanced' expanding region,
- move left column of searches and displays into top tabs to increase available page width,
- rethink two columns in favour of list of blocks, similar to advanced search.
In addition @artfulrobot raised the issue of adding descriptive class names to regions to make it easier to target them.https://lab.civicrm.org/dev/user-interface/-/issues/24Create a style guide for new CiviCRM components2023-09-19T15:37:34ZbgmCreate a style guide for new CiviCRM componentsc.f. [PR 17775](https://github.com/civicrm/civicrm-core/pull/17775), let's:
* document the classes used by the new CiviCRM extensions (api4, search, afform, mosaico, contact layout editor)
* create a style guide based on that
* start wr...c.f. [PR 17775](https://github.com/civicrm/civicrm-core/pull/17775), let's:
* document the classes used by the new CiviCRM extensions (api4, search, afform, mosaico, contact layout editor)
* create a style guide based on that
* start writing CSS that would make Bootstrap optional
I started a wiki page here that lists the main classes found in afform and search:
https://lab.civicrm.org/dev/user-interface/-/wikis/flex-css
It would also be nice to have something equivalent to the [Shoreditch Styleguide](https://github.com/civicrm/org.civicrm.styleguide) - i.e. an extension to demo the documented CSS?
What else do we need? @nicolhttps://lab.civicrm.org/dev/user-interface/-/issues/11Remove CiviCRM install count from dashboard2023-12-02T18:42:58ZnicolRemove CiviCRM install count from dashboardIt was said at the 2019 Summit/Sprint that a requirement to get CiviCRM listed in the Wordpress plugins directory was to turn off statistics pingback on new installs by default - and this happened a few months ago (can anyone confirm? @c...It was said at the 2019 Summit/Sprint that a requirement to get CiviCRM listed in the Wordpress plugins directory was to turn off statistics pingback on new installs by default - and this happened a few months ago (can anyone confirm? @cividesk?). As a result all new installs of CiviCRM are not pinging stats collection so the total site count appears to have fallen in the same period from near 11,000 six months ago to around 10,000 today:
![image](/uploads/0630494d9e7df38a00001212afca3d9e/image.png)
Perhaps there is is another cause, but is it time to just remove this stat from the main CiviCRM dashboard? This was a post-it proposal put to the UX/UI group during the sprint as the notice seems to be giving a false impression of the project being in decline. Not sure what this would entail but it appears linked to this template: [templates/CRM/Dashlet/Page/GettingStarted.tpl](https://github.com/civicrm/civicrm-core/blob/8b9a8f4abb25cfa7a498eaaa3e459e4d313e350a/templates/CRM/Dashlet/Page/GettingStarted.tpl) & this file: [CRM/Dashlet/Page/GettingStarted.php](https://github.com/civicrm/civicrm-core/blob/bdeb5d154507df2dc913fc1ee9aaedfaa4721c04/CRM/Dashlet/Page/GettingStarted.php).bgmbgm