developer resources
Codebales holds an ever growing number of solutions to problems that we have experienced in our day to day code writing
Selected filter
11
results
Andrew Fletcher
•
As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element.
Here's an example:
/* Default state */
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd'...
Andrew Fletcher
•
git clone git@bitbucket.org:{username}/{repo}.git
And I was unceremoniously...
Andrew Fletcher
•
Working on a decoupled React / Drupal 9 site.
Aim: Adjust the output of curated...
Andrew Fletcher
•
How to make React calls on a Drupal 9 backend site using the search...
Andrew Fletcher
•
This code is from Drupal 9 back-end for a React front-end via REST API.
Working...
Andrew Fletcher
•
Working in Laravel, I needed to loop through an array and know whether the current loop was odd or even row. To do this add the expression to your Twig file:
{% set direction = loop.index0 is odd ? 'left' : 'right' %}In the call above, the variable direction is set to either left or right depending on the value of the position of the loop row (loop.index0). I then used the left or right value in a div class adding to a series of tailwind css definitions. Such...
Andrew Fletcher
•
Setting up the mail configuration in October CMS is a quick progress....
Andrew Fletcher
•
Common commands
Themes and plugins have similar command lines. So rather...
Andrew Fletcher
•
At times while developing in October CMS, you will perform a step that kills the...
Andrew Fletcher
•
Using October CMS to migrate your site and update the tables with the plugins...
Andrew Fletcher
•
Building a contact list using SwiftUI has many challenges.
One challenge is having multiple lists displayed on the one screen. For example, known contacts using your app against contacts on the phone. Initially, I tried the following code
SearchBarView(text: $searchText, placeholder: "Type here")
List {
Section(header: ContactListHeader(listTitle: "rivals list")) {
ForEach(self.userData.rivals.filter{
self.searchText.isEmpty ? true :
$0.name.lowercased()
...