Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228554 articles
Browse latest View live

How to show a popover while retaining focus?

$
0
0

How can I show a popover without giving focus to it?

Use case: I want to use it inside my editor for visual autocompleting feedback. :slight_smile:


No keyboard animation on ion-footer

$
0
0

Thanks for your help, can you give me more information about this. I don’t completely understand : scroll assist focuses on the input in the middle of the screen but here it’s just a footer with some icon buttons.

Yes I can get the keyboard height but what I’m supposed to do with? :slightly_smiling_face:

Global loading components

$
0
0

Well, it looks like Vue 3.2 was released yesterday. Here is the official documentation on <script setup>. And here are the release notes for 3.2.

Looking for Ionic Dev (Angular, Remote but Canada-based)

$
0
0

Hey,

I’m based in Quebec.

If you’re open to a change in that hourly rate and want to have a discussion, please hit me up at:

dave@codingandclimbing.co.uk

You can find my portfolio at that address too.
Cheers,

Dave

No keyboard animation on ion-footer

$
0
0

Yes, but your Question was why this seems to be a bit buggy right? So why the footer is shown some milliseconds after the keyboard is shown completly? That’s because the scroll assist internally uses the keyboard height (as far as i know) :smiley:

No keyboard animation on ion-footer

$
0
0

What is the real question / problem here?
The webview is being resized, after that calculation, the footer is repositioned above the keyboard.

You can change the resize mode of the webview in the Capacitor / Cordova setup if that’s what you’re asking?

Alternatively, you could hook into the keyboard open/close events & show/hide the footer.

Ionic build reports missing “associated domains” entitlement in provisioning profile, when it's already there

$
0
0

So, a solution of sorts has been found. I had originally tried this, allowing Xcode to manage the profiles and although this allowed the IPA to build, the resultant IPA had an integrity issue which, no matter how I cleared down the profiles and certificates, etc. I just couldn’t get this IPA to work. This was the issue, which must be indicative of something else, because the app did have profiles, certificates and an appropriately entitled app id:

integrity-issue

However, after exhausting all options, I literally did one final cleardown of the profiles and certificates, and started all over again with them (again, again), I finally got the:

ionic cordova build ios --prod --device

command to create an IPA using the Xcode managed profile and it worked with no integrity issues.

I don’t recall having to do things using Xcode managed profiles previously, but at least I can move forward with this.

Thanks to everyone who chipped in to help.

Error installing cordova-admob - requireCordovaModule

$
0
0

I have the same problem right now , did u fix it please_


No keyboard animation on ion-footer

$
0
0

Thanks for both your replies, EinfachHans is true my initial problem is the laggy animation. I would like the footer to follow the keyboard instead of being hidden and shown after the keyboard is totally up.

Like on the Twitter app for example :

ezgif.com-gif-maker

No keyboard animation on ion-footer

$
0
0

I think you are going to have a hard time achieving that without native views.
It would be better to hide it and then re-show it straight after the keyboard show event if you’re that concerned.
To my eye, what you’ve already got is absolutely fine. No one using the app will care.

Edit: I don’t mean to sound dismissive, but it’s so easy to get caught up in these details that only we really notice and care about as a developer. Real people don’t even notice this stuff if everything works well in the app and that is the important metric.

Ne t’inquiète pas! c’est pas grave :slight_smile:

No keyboard animation on ion-footer

$
0
0

I understand this, i would really like this too, but you currently can’t have both: Scroll Assist and the footer to move with the keyboard

No keyboard animation on ion-footer

$
0
0

Okay thanks a lot for your help !

Merci :grinning:

App using OS theme

$
0
0

Ionic starter apps ship with a built in dark mode theme in src/theme/variables.css. We also set the color-scheme meta tag in public/index.html to ensure that system components such as the scrollbar inherit the OS dark mode theme.

Ionic unfocus searchbar placeholder to align left

$
0
0

I would like to know if it’s possible to align Ionic searchbar placeholder to the left side when unfocus?

image

as of right now the placeholder is currently centered when unfocus

<ion-searchbar
  slot="bottom"
  mode="ios"
  autocomplete="off"
  autocorrect="off"
  spellcheck="false"
  animated="true"
  debounce="500"
  clearIcon="close"
  [placeholder]="placeholder"
  [(ngModel)]="search"
  (ionChange)="runSearch()"
></ion-searchbar>
ion-searchbar {
  height: 40px;
  padding: 0px;
  border: 1px solid rgba(0, 56, 100, 0.4);
  box-shadow: none !important;
  border-radius: 6px;
  margin: 8px 0 12px;
  --border-radius: 6px;
  --background: white;
  --placeholder-color: red;

  text-align: start !important; // not working
  text-align: left !important; // not working
  align-items: flex-start; // not working

  &::placeholder {
    text-align: left; // not working
  }
}

No keyboard animation on ion-footer

$
0
0

Ça fait plaisir, Si quelque chose d’autre arrive, n’hesitez pas a demander :slight_smile:

No worries - anything else, don’t hesitate to ask, we want to help.


toJSON capacitor ios

$
0
0

image
image
image

Capacitor 3 on Ios geneeates this sometimes on app startup.

Any body seen something like this, an idea why they occur?

Thanks

No keyboard animation on ion-footer

$
0
0

Thanks ! First experience on the forum and I’m very happy with the relevance of your answers !

Yes I also have an issue about the animation navigation and I’ll surely post a request this week or the next if I can’t resolve my it by then.

Super motivating to feel supported !

iOS Build App Provisioning Errors

Nested routes removes animation on RouterOutlet component

$
0
0

You should only be using nested routes for tabs. Everything else should be shared URLs. See the documentation here for more info.

Also to note, support for child routes within tabs has been removed in Ionic v6 (reference).

It should be something like this:

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    component: Tabs,
    children: [
      {
        path: "",
        redirect: "/surveys",
      },
      {
        path: "surveys",
        component: Surveys,
      },
      {
        path: "settings",
        component: Settings,
      },
      {
        name: "survey",
        path: "surveys/:surveyid",
        component: Survey,
        props: true
      },
      {
        path: "surveys/:surveyid/components/:componentid",
        component: Component,
        props: true
      },
      {
        path: "surveys/:surveyid/components/new/:type",
        component: Component,
        props: true
      },
      {
        name: "preview",
        path: "surveys/:surveyid/preview/:previewid",
        component: Preview,
        props: true
      },
    ],
  },
];

Ionic/Vue add one Class to the Others

$
0
0

Hi @whitersun,

i’m searching for a method to add a className to a class but not to delete the whole class.

I’m using at the moment v-bind:class because if a boolean is true then add a className to the class and if it false then remove the className of the class. This works but i think it maybe exist a better method instead to write the whole classNames because i want only add one className and remove one className if a boolean is false then remove if its true then add the className.

Viewing all 228554 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>