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
31
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
•
Loading the code in a platform - in this article, I'll be focusing on Android...
Andrew Fletcher
•
Recently a client handed me code that runs an app through iOS and Android....
Andrew Fletcher
•
Goal: Restrict content access through username and password entry on an Nginx...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
This article works through the steps to update dependencies in package.json file to the latest version.
Use npm-check-updates or npm outdated to suggest the latest versions.
npm-check-updates is a utility that automatically adjusts a package.json with the latest version of all dependencies
npm install -g npm-check-updates
ncu -u
npm installHowever, a less intrusive (avoids a global install) way of doing this if you have a modern version of npm is:
npx npm-check-updates -u
npm...
Andrew Fletcher
•
Android Studio error
Installation did not succeed.
The application could not be...
Andrew Fletcher
•
Android Studio error
error: package android.support.v4.content does not...
Andrew Fletcher
•
Android Studio build errors
Build failed error: cannot find symbol if...
Andrew Fletcher
•
Initialise your Capacitor config
To initialise Capacitor use the CLI...
Andrew Fletcher
•
Run the NPX commands to update the app
npm run build && npx cap syncRun app with live reload
ionic cap run {platform} -l --externalReplace {platform} with Android or iOS depending on your environment as follows
Android
android
iOS
ios
To open in Android
ionic cap run android -l --externalYou'll be prompted to select a emulator (depending what you have loaded)
? Which device would you like to target?
Pixel 3 API 31 (emulator) (Pixel_3_API_31)
Pixel 5 API 27 (emulator)...
Andrew Fletcher
•
Goal: Restrict content access through username and password entry.
1: Apache...
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
•
It appears that the plugin or file path is not working how it used to be on...