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
•
To completely remove Microsoft Remote Desktop from OSX you need to perform the...
Andrew Fletcher
•
The cache system in Drupal 9 delivers the API with the elements required for...
Andrew Fletcher
•
Installing Varnish to increase the speed of the page load.
Install varnish using...
Andrew Fletcher
•
Clear DNS Cache
The DNS (Domain Name Service) cache on your Mac helps browsers...
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()
...