SearchKit layout problems

[niels-heinemann]

Hey folks, we are experiencing some design problems with bootstrap/shoreditch on latest civicrm.
Any ideas how to fix/what may be the reason?

For example, searchkit's submit button is inaccessible. I had to trigger the click event in developer console.

PS: There are some others things in shoreditch's mattermost channel!

[mlutfy]

@niels-heinemann Which CMS are you using? We have a fork here that works well with d7/d9/wp: https://github.com/coopsymbiotic/shoreditch (for wp, also requires this extension: https://civicrm.org/extensions/shoreditch-wordpress)

[niels-heinemann]

Dude, that would be fantastic! We're using d7.

[mlutfy]

If you use Seven as the civicrm admin theme, it should work (including with this version from Compuco)

If not, try the symbiotic fork, it's a drop-in replacement that is pretty close to upstream, but fixes a few things : https://github.com/coopsymbiotic/shoreditch/archive/refs/heads/symbiotic.zip

[niels-heinemann]

We use bootstrap in civi, so no seven. I'll try the replacement.

[niels-heinemann]

No real change :-(

[jamienovick]

Hi @niels-heinemann This might be a search kit problem and not a Shoreditch problem. Shoreditch provides CSS but not the teamplates. Please can you file an issue there and make it clear which versions of CiviCRM, Shoreditch, Drupal etc you are using. Best

[mlutfy]

We use bootstrap in civi, so no seven. I'll try the replacement.

Shoreditch only works with Seven. (edit: shoreditch includes a copy of bootstrap)

[jamienovick]

Hey both,

I don't want to confuse things but perhaps we are talking about 2 different things.

Firstly, when installing Shoreditch CiviCRM theme, it only styles within the CiviCRM container. It is possible however that a Drupal theme could impact on the Shoreditch theme as it can theme inside the CiviCRM container also.

As such we created a D7 admin theme for CiviCRM specific pages called the Shoreditch companion Drupal theme:

https://github.com/compucorp/shoreditch-companion-d7-theme

You should instal this theme and set it as the default CiviCRM administrator theme in your Drupal theme settings. Then follow the other installation instructions and remove any other blocks from the page not needed.

In any case this might not solve your problem if actually the latest version of search kit in some way is not fully compatible with Shoreditch and in which case I would recommend submitting an issue for the github queue for search kit.

[niels-heinemann]

Dear @jamienovick , thx a load for your hints but we use the companion theme and shoreditch a long time successfully. It's just that we have design issues with some of the new extensions like search kit, search action designer and such. Maybe simply because the developing folks do not use Shoreditch. However I've worked around this problems for a long time, so I do not think, the developers will address this soon.