I am trying to display a selection of buttons onto of my leaflet map in my ionic app. Currently, I’m able to display a button at the bottom of the map: [map] Here is the HTML & CSS: <div class="map-container"> <div class="map-frame"> <div id="map"></div> <ion-button id="refreshB…

I will do like this using a Flexbox. Information can be found here: [image] A Complete Guide to Flexbox | CSS-Tricks Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent elem…

How to display 3 buttons at end of leaflet map in ionic app?

Ionic Framework

EinfachHans March 22, 2020, 5:57pm 2

I will do like this using a Flexbox. Information can be found here:

1 Like

Topic		Replies	Views
Leaflet map not displaying correctly inside <ion-content> Ionic Framework	4	1644	November 16, 2023
Best practice for displaying (nearly) full-screen maps in Ionic Ionic Angular	0	678	September 21, 2022
How to use ion-grid for full screen google map with buttons & labels on top? ionic-v3	2	2239	July 19, 2021
<ion-slides> item does not render the Leaflet map ionic-v3	8	1173	July 12, 2018
How to position a button at the bottom of a slide - Ionic Ionic Framework	0	457	June 2, 2022

How to display 3 buttons at end of leaflet map in ionic app?

Related topics