Ionic 4 popover and/or actionsheet on PWA? - drop-down-menu

I'm building an Ionic 4 PWA and I am looking for a "simple" solution to the following:
For each item in a list e.g. a newsfeed or comments list: I want a "more" icon (the dotdotdot icon) to show a list of options the logged in user has available e.g. if they own the comment or newsfeed item they will have extra options like "edit" and "delete" etc.
Now I can use an ActionSheet to show these options and dynamically add the correct options into the sheet - all well and good. But this only looks good on a mobile device. If the user is on a desktop then an action sheet looks out of place. So, a Popover would look better but only on the desktop view.
Is it possible to dynamically create a popover in code without having to create a component for it as the items in the popover list will vary depending on what type of object it is e.g. newsfeed, comment etc and their access rights to that object e.g. edit/delete etc.
Not sure if I have explained this very well but looking for a slick, simple UI Ionic 4 way of displaying "options" to the user when then click/tap on the more icon depending on device.
I did go down the route of having ActionSheet for mobile users and Material Design Mat-Menu for the desktop but it just seems over complicated.
Any advice would help.
Thanks,
Rowie

How about a popover with a custom css class that is using a screen media query?

Related

Xamarin Forms shell Navigation - different page content for logged user

So, I'm making app in Xamarin Forms, and I'd like to have different content of page if user is logged.
I was already trying to achive this with pushModalAsync but result page do not have Flyout menu witch is important to me.
One solution that comes to my mind is to put two different content i want to show in frame and bind this frame`s IsVisible property to IsLogged. Is it better way to do this?

How to implement Sidebar for macOS in Swift?

I'm trying to implement a sidebar like the one used in the macOS Notes app. I've got the storyboard and sidebar working. But how can I implement the content window / detail view on the right? I want to show something based on the selection made in the sidebar. I tried doing it by hiding stuff in one view but it gets messy real quick. I'd rather switch views in the same window somehow. What is the commonly accepted way of doing this?

Use of UIBarButtonSystemItemAction

A lot of people I talked to seem to think action button (UIBarButtonSystemItemAction) is for Share or Export functionalities (e.g. like its use in the Photos app).
According to HIG, this meaning of button is to:
"Open a modal view that lists system-provided and app-provided actions
that can work with the current content."
Question - what do you use this button for in your app?

Drop down menu like the default iPad application menus

I'm currently working on my first iOS application to run on the iPad, and I've come across a problem. I have been asked to implement menu's similar to the ones in the default applications such as when you click on the "Calendars" button in the top left of the calendars app.
Only issue is, I cant seem to find a standard UI object that looks like these, with the arrow connecting the menu to the button etc. Is this a standard UI component that I should be able to use, or will I have to imitate them by creating a custom object?
Thanks for any help.
That is a UIPopoverController. There isn't an Interface Builder control for this. You need to create one programmatically:
UIPopoverController *popover = [[UIPopoverController alloc]initWithContentViewController:someTableViewController];
See the documentation for more information and sample projects, specifically ToolbarSearch:

Presenting multiple views sequentially - OS X

Following up on this question: Kiosk Applications - OS X programming - Multiple monitors
I'm an iPhone programmer just starting out with OS X programming, and I'd like to know how I can present multiple views sequentially.
What I basically need to do is - Have a welcome screen with a button called "Click here to continue". Once the user clicks that button, it needs to completely replace the view with another view presenting a table view of options that the user can choose from.
I actually need to create a couple more screens, but any help on how to get this basic setup can help me get started. The problem I'm having is almost all the mac application source code available on Apple's website seems to be oriented towards single window applications popping up multiple windows for any additional tasks.
Thanks,
Teja
I enjoyed using M3NavigationView from Martin Pilkington http://www.mcubedsw.com/dev
Basically it pushes and pops NSViewControllers on a stack and allows you to animate between them. I am doing this for a quick setup wizard on an app I am working on.
Make a tabless tab view, and put each of your views into one of the tab view items. In Interface Builder, each tab view item will have a view automatically, so you just need to put all of the subviews for that tab into that view.
You can then switch tabs from code—e.g., in response to the “Next” button.

Resources