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
21
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
•
Recently a client handed me code that runs an app through iOS and Android....
Andrew Fletcher
•
This page will be a progressive outline of moving those regular run scripts that...
Andrew Fletcher
•
Only a month ago, running an app through the Android Studio emulator was running...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Tailwind CSS is a highly customisable framework that delivers developers the tools to quickly pull your site together.
Initial Configuration
The installation and configuration steps are essentially the same as those outlined within the Tailwind documentation.
Note they need to be performed within your custom theme's directory such as /themes/custom/{theme} for Drupal 9
Install Tailwind and PostCSS via npm or yarn. I used npm...
# Using npm
npm install...
Andrew Fletcher
•
Warning from Google Play Store when uploading an App
You must complete the...
Andrew Fletcher
•
Uploading a new version of an Android app to Google Play and I'm seeing this...
Andrew Fletcher
•
Whilst uploading a new version of our Android app, I had the following error...
Andrew Fletcher
•
If you have a situation where either you have forgotten a Keystore password or...
Andrew Fletcher
•
Initialise your Capacitor config
To initialise Capacitor use the CLI questionnaire:
npx cap initOn executing the above command, you will be prompted to answer a few questions for your app such as your app's name and the package ID.
[?] What is the name of your app?
This should be a human-friendly app name, like what you'd see in the App
Store.
✔ Name … {App name}
[?] What should be the Package ID for your app?
Package IDs (aka Bundle ID in iOS and Application ID in Android) are...
Andrew Fletcher
•
Run the NPX commands to update the app
npm run build && npx cap syncRun...
Andrew Fletcher
•
Approaches to resolving “Module not specified” Error in Android Studio
When...
Andrew Fletcher
•
Working in Android Studio when attempting to run a project I had the following...
Andrew Fletcher
•
Creating a bash script
Bash scripts are files containing code that tell your...