Could someone help me create that blue arc with 'UND' written on it as in the following image? So far, what I've managed to do is this: enter image description here Here are my codes: .promotion-circle { position: absolute; width:…
I am trying to remove ® from a string "My Title with Special Characters My® tag' and return "My Title with Special Characters My tag" Unicode points to character is ae, got to know using char.charCodeAt(0) const regex = /[^A-Za-z0-9]/g;…
TLDR; I want to initialize all components at once using the @ionic/core npm package instead of initialize() and for each component defineCustomElement() I started digging into ionic without frameworks (plain web components) and npm i the @ionic/core package. It's documentation…
I'm building an Ionic 7, React 18 application and having some trouble understanding a basic useEffect principle. I have this App.tsx file setupIonicReact(); const App: React.FC = () => { useEffect(() => { console.log("Loading user profile info in app..." +…
wanna ask how to edit the default css in shadow root? I wanna remove default border applied to popover content The red rectangle is the properties that i wanna change. Notice that is (.popover-desktop) inside Appreciated for your answer. Thanks!…
An Ionic React application is useless in a browser until this bug is fixed. This issue is a problem in both versions of @ionic/react 7.4 and 7.5. I have two simple routes defined as follows: <IonRouterOutlet id="main"> ... <Route path="/campaigns"…
Is there a way to add a gap between the bottom of the ionic 'sheet' modal and the screen? I expect this behaviour: This is how far I have gotten (ignore the design differences): https://stackblitz.com/edit/angular-hmunhj?file=src%2Fglobal.css I have read the docs…
I have a list page, where all games from my games.json file are displayed. This is what that looks like in GameListPage.tsx: <IonList> {gamesJson.map((game) => ( <IonItem routerLink={ game.software_used ? /games/id/${game.steam_appid}` : '/games' } key={game.steam_appid} > <IonThumbnail slot="start"> <img alt={game.name}…
Im having a swiper and loader. Scenario its very easy . Whenever some calculations are performed its initialized the loader and after we get the sucess result turn off the loader and swip to second slide. <swiper-container #slides [allowTouchMove]="false" pagination="false">…
The issue started to appear after I have implemented facebook-ios-sdk in order to use facebook signing in in my app. While testing on a simulator, everything works perfectly, but as long as I try to install the app to my…