How to override facets checkbox theme and style checkboxes checked state?

Vitaliy K

5/30/23, 10:39 AM

I'm having trouble to style Drupal 9 facets checkbox in checked state. I have tried to override the theme by theme_preprocess_checkboxes with no effect.

here is my code :

 function mytheme_preprocess_checkboxes($variables) {

  $element = $variables['element'];
  $element['#attributes']['type'] = 'checkbox';
  element_set_attributes($element, array('id', 'name', '#return_value' => 'value'));

  // Unchecked checkbox has #value of integer 0.
  if (!empty($element['#checked'])) {
      $element['#attributes']['checked'] = 'checked';
  }
  _form_set_class($element, array('form-checkbox'));

  return '<input' . drupal_attributes($element['#attributes']) . ' /><span></span>';
}

I guess i'm not getting facets checkboxes with it. Any suggestions how do i style facets and override their templates.

I'm using bootstrap 3 subtheme on drupal 9

0 + 0

theming

Vitaliy K

5/30/23, 11:48 AM

Unfortunately preprocess_checkboxes hook is depricated and will be no longer available from Drupal 10 version... so looking for the solutions. probably i need to rewrite twig temeplate but still can't find it even in facets module templates folder... :(

Vitaliy K

5/30/23, 12:14 PM

getting more closer to it : public static function Checkbox::preRenderCheckbox for non facets checkboxes in checked stade adds to element css class. butr still canot track the facets chekbox renedering

Score:1

Drupal

Clive

5/30/23, 8:37 PM

The checkboxes are created in JS, not PHP, so you won't be able to manipulate them from the backend (see Drupal.facets.makeCheckbox in facets/js/checkbox-widget.js for the code).

It does mean you can just use some simple JS yourself, though; for example assuming you need to append an empty span you'd, probably just need to add something like this to a custom behavior:

$('.facets-checkbox').after($('<span />'))

(that's just a minimal example, you should use once or a similar mechanism to make sure it isn't executed multiple times for the same element).

0 + 0

Vitaliy K

5/30/23, 9:17 PM

Thanks Clive will try this bit

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: How to override facets checkbox theme and style checkboxes checked state?

TH: จะแทนที่ชุดรูปแบบกล่องกาเครื่องหมาย facets และช่องทำเครื่องหมายสไตล์ที่ตรวจสอบสถานะได้อย่างไร

RO: Cum să suprascrieți fațetele casetei de selectare tema și stilul casetelor de selectare bifate?

RU: Как переопределить состояние флажков темы и стиля флажков фасетов?

VI: Làm cách nào để ghi đè trạng thái hộp kiểm chủ đề và kiểu hộp kiểm của các khía cạnh?

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.