I’m trying to send image directly to a Whatsapp number using shareViaWhatsAppToReceiver method in ‘Ionic social share’ plugin.But text only set into a receiver’s chat screen and image eliminated.
However image sending working if I use shareViaWhatsApp method where is no option to set receiver. Is there any issue with ionic plugin or I need to send image in any other format? I tried to send from asset and also tried encodeURIComponent from url.
I’m trying to get two side by side cards to have the same height even though they have differing amounts of text content. And thus far using the css utilies of ion-align-items-stretch or ion-align-self-stretch is failing me. I feel like I’ve stuck them everywhere I possibly can but I get no joy. But others like ion-align-items-end or ion-align-items-center seem to work just fine.
I’m guessing it has something to do with the way a card works. What can I do here?
<ion-grid>
<ion-row class="ion-align-items-stretch">
<ion-col size-md="4" offset-md="2">
<ion-card class="service-card">
<ion-card-header class="ion-text-center">
<ion-card-title>Less Content</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</ion-card-content>
</ion-card>
</ion-col>
<ion-col size-md="4">
<ion-card class="service-card">
<ion-card-header class="ion-text-center">
<ion-card-title>More Content</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>...
I wasted a lot of time to find some stack to building websites, tried react/nextjs, vue/nuxtjs + several UI libs for each. Also, svelte is tried, but there is some problems(mostly with typescript).
I just found the stencil and it looks like I searching for! Thank you!
But I confused with positioning of it…
If I want to use ionic too, what is better to create a new website: npm init stencil or @ionic/cli?
While ionic written using stencil, why there is no option to use stencil as well as react/angular in ionic start?
Also, there is @stencil/store, which hints it is possible to use stencil without redux/etc. Will stencil grow to standalone framework or so? Is there plans for something like nextjs/nuxtjs?
I’m very new to Ionic, so please forgive me If I’m missing something basic. I’ve got a long way towards getting my app working on web, iOS and Android. I’m now trying to get it to work with Electron, and hitting problems. So I decided to go back to basics and see if I could get a project created by ionic start working. And the answer is no .
If I run the following:
ionic start MyTestApp --type react blank
cd MyTestApp
ionic build
ionic cap add electron
ionic cap open electron
It fails with:
index.html:1 GET file:///static/css/12.8921c4c4.chunk.css net::ERR_FILE_NOT_FOUND
The problem seems to be that the generated React project is expecting to find files in the root directory, where Electron is loading them using absolute file: URLs. I’ve tried playing around with setting homepage in package.json and removing the <base> tag in index.html with some success (I can get the static files loading initially), but I rapidly run into more problems.
This problem doesn’t seem to be React specific—I see similar issues if I create an Angular project instead.
Should I expect this to work? Are there any examples that I can look at of getting Ionic to play nicely with Electron?
i have a stage and a prod environment in my project, is it possible to set there the app name and also the app id?
i was looking throug the docs but couldnt find anything
also a manipulation of the app icon would be interesting
best regards
harald
edit: i tried to put it in the command line while building… ionic cordova build android --release --variable APP_NAME=“STAGE”
but it seems this is not used
I have been searching for related topics but I didn’t find any which help me. I want to schedule a task to do each week (even if I can, each two weeks). I was seeing about BackgroundMode plugin, but I read it’s not for long periods like this (battery life). I found about Background task in Capacitor (https://capacitor.ionicframework.com/docs/apis/background-task/), but I think it’s the same proble (or maybe not). Any idea?
I have a ion-card element with an image, description and details field inside the card element then a long list of items under the card, how do I partially hide the ion-card and leave the image at the top, while the user scroll through item below the card, and also pull up the ion card fully when the user scroll back to the top of the screen?
I am trying to create a contact list on Ionic 5, using angular, but it is not possible to access this style. can you help me? How to leave a rendered image at the beginning of the card, with a icon and header and a icon with subheader, as in the image below?
I have an issue to figure out why http.get working only in first call but nothing happed when i use back button and route again to the same page “only first rout resolve date and if use back button and route again with new route parameter http.get not get any data”.
Service Code
public getListingDataSource(slug: string): Observable<FoodListingModel> {
console.log('service : get param ' , slug );
// i have an issue here , this return wont executed when route param changed , it resolved in the first time only.
return this.http.get<FoodListingModel>('./assets/sample-data/food-listing/listing.json')
.pipe(map(res => {
const items = res.items.filter(item => item.slug === slug);
res.items = items;
return res;
})) ;
}
Hi, I am creating a pwa app in ionic. I have followed all steps correctly and ddeployed my app in https server. Yet I am facing these errors in audit tab of chrome.
I had this same project in normal angular earlier and this same manifest.json worked in that project. When I add same properties in ionic’s project, it gives me error.
I uploaded my app in appflow. It created a build, but its vendor.js size is 4mb. I want to create a production build using command like ionic build --prod , ionic build --aot
About 33% of login cases return Error 12501, which I log with Sentry.
The error is triggered by:
googlePlusUser = await this.google.login(environment.googleParams)
I have so far been unable to reproduce this issue and the error happens on all major Android versions and devices. I am using Ionic4 with Firebase and the cordova-plugin-googleplus. https://github.com/EddyVerbruggen/cordova-plugin-googleplus
Note: Already have an unanswered issue ticket there and on stack-overflow.
.
