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
12
results
Andrew Fletcher
•
The viewport meta tag in a website's HTML is used to control how the webpage is displayed on a mobile device or in a web browser. It defines the viewport's behaviour and dimensions. The viewport meta tag helps create a responsive and mobile-friendly design by adjusting the layout and scaling to fit various screen sizes and orientations, particularly on mobile devices. It helps ensure that text is displayed at a readable and consistent size across different devices and screen...
Andrew Fletcher
•
If the Android app icon is not changing from the default icon (in my situation...
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
•
In Xcode attempting to build or run an app, I receiving a framework...
Andrew Fletcher
•
Working through an app project I inherited using Ionic, Angular and ngx-leaflet...
Andrew Fletcher
•
While loading an ionic project, in Xcode when performing a run routine I had the...
Andrew Fletcher
•
Need to know how run updates for Capacitor?
Updating Capacitor
Update Capacitor Core and CLI with the commands:
npm install @capacitor/cli
npm install @capacitor/coreWhereas, to update the relevant platforms in use:
npm install @capacitor/ios
npm install @capacitor/android
Capacitor version - how to get and set?
Getting the version details
Finding the version you are using for Capacitor, so something like
Capacitor:
Capacitor CLI : 2.4.2
@capacitor/android : 1.5.3
...
Andrew Fletcher
•
You can create a new date/time format by navigating to:
Admin ->...