question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic Components - Desktop support

See original GitHub issue

Feature Request

Describe the Feature Request TL;DR - Components for Desktop. Over the past year, Ionic has outgrown and now offers more than just building mobile apps. Since the release of Ionic 4 beta and stencil, It’s much more convenient to build PWA using Ionic. Yet, there’s one thing that still prevents me to move to Ionic and that is Desktop support. Ionic has lots of components, but there are some of them that aren’t exactly fit desktop mode or just doesn’t exists. Currently, I’m using Angular and Angular Material (which offers desktop support).

Describe Preferred Solution

  • Menu/Select Input - Many times we need some sort of menu. It exists on Material UI and so on Angular Material Select. It could have been nice if there was something like:
    <ion-select interface="dropdown">
      <ion-select-option>...</ion-select-option>
    </ion-select >
    
  • DateTime - The current available DateTime will pop up from the bottom of the screen. This is the desired behavior on mobile, but is it on a desktop? IMHO Material Angular DatePicker offers a convenient way on a desktop to display the Calendar.
  • Text Fields - I’m not sure on how it should be implemented on iOS, but Material has a Text Field which suggests in multiple ways on how to display the text field (e.g filled, outlined).

Describe Alternatives Currently, my alternative is to use both Angular and Angular Material, which is a bummer.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:56
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

8reactions
jcn-ithacacommented, Aug 6, 2019

Another feature that would be nice for desktop is support for dragging a modal around by its toolbar, so you can see the stuff behind it (e.g. it is showing you help content about the current page). We have a fairly complex Ionic 4 desktop app, and the fixed position of modals is a bit painful.

3reactions
bchehrazcommented, Jun 30, 2021

Any idea when v6 would be ready to ship? The date and time pickers for v6 look amazing.

Been looking for alternatives for a TimePicker component if anyone has any suggestions, the TimePicker in v5 is also kludgy on desktop.

Edit: Looking at the milestone for 6.0.0, feels like it could be ready within the next 2 months?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Desktop Support in Ionic
Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open...
Read more >
Ionic Components - Desktop support · Issue #15500 - GitHub
Yet, there's one thing that still prevents me to move to Ionic and that is Desktop support. Ionic has lots of components, but...
Read more >
Tips & Tricks for Ionic on Desktop
In the process of customizing Savelist for larger screens, we collected some tips & tricks that we wanted to share that could help...
Read more >
Building Ionic Desktop Apps with Capacitor and Electron
We will build a simple Ionic app with Capacitor and add Electron to finally build a native desktop out of our basic application....
Read more >
Using Ionic Framework to Develop Mobile Applications that ...
Despite the fact that Ionic is not intended for being used for desktop applications, the methods available for making it support them are ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found