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
26
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
•
Logging into the server, and there are packages to be updated. You know...
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
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome (FA) icons. Included in these instructions were a couple of FA icons. Initially adding them was going to be resolved using Pseudo-elements. Accordingly they would be applied as follows:
.download-icon, .portal-icon {
position: relative;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.download-icon::before,
.portal-icon::before {
font-family:...
Andrew Fletcher
•
This article works through the steps to update dependencies in package.json...
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 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
•
It appears that the plugin or file path is not working how it used to be on...