How to create expandable confirmation design in Ionic - ionic-framework

I am a beginner in Ionic and trying to design a layout for Cricket Scoring app.
When use clicks on the buttons a popup should appear for confirmation.
At first I thought I can use it with ion-pull-up footer but it does not work properly.
Can some one please advise me how to achieve similar layout ?
I have attached screenshots here.
Thank you

You can simply use AlertController component.
See https://ionicframework.com/docs/api/components/alert/AlertController/

The best way you can use Ionic Accordion
Reference Links
Link1
Link2

Related

How do i create scrolling option like GPay

I have to create a design like this. when the items are scrolling tabs should change to another how can I do the same design? are there any trusted plugins available in flutter?
I've seen one plugin 'vertical_tab_bar_view: ^0.0.1' but the popularity is only 68% so I am in doubt? can anyone get me a solution or proper explanation for the same? Thanks in advance.

how to change the caption for buttons used in image_cropper?

I am creating an application with image_cropper, flutter package. It has two buttons, cancel and done. I want to set the caption for these buttons in Japanese.
I solved it by myself. After a good review of the docs, I found the options, doneButtonTitle and cancelButtonTitle.

Flutter tab/stepper bottom?

My designer gave me the following design for a questionnaire screen.
I didn't found anything out of the box from the flutter components.
Maybe I could create something of my own, but before that I would like to validate that this isn't something that exists:
Any help would be appreciated
You can use smooth_page_indicator or page_indicator for the page indicate, and for the Next and Back buttons you can use any kind of flutter button components

Sliding Tab/menu within ionic template

I am trying to insert 'sliding tabs' within a tabs starter. Basically I'm wanting to use the 'starter' tabs at the bottom, but within one of those tabs (template pages) I want to have a sliding menu (https://github.com/leoruhland/ion-slides-tabs). I've tried what I know and can't seem to figure out how to make it work. Any tips would be helpful.
For simple Ionic slider you can refer from this link http://ionicframework.com/docs/api/directive/ionSlideBox/ and for other your sample INstallation is already showing .You can use that directive and can work. I am also using this in my Project.

Wordpress slider with filters & thumbnails outwith the slider

I am looking to create a slider within wordpress that is a little out of the norm and was wondering if anyone could give me advice on how to go about it.
I'd like a slider for a meet the team page on our website.
I am hoping the slider could work as normal but have filters on the left for departments and thumbnails below and outwith the slider with each employee on there.
I would like these thumbnails to be clickable and for the matching slide to appear when the thumbnail is clicked.
Can anyone suggest a plugin or a method to create this kind of thing?
Thanks in advance for your help.
Well i think you are referring to isotope jquery plugin. It filters down items based on the selected tag. Its actually free but you will have to create modify it for your needs. If you are using bootstrap you can get the idea of implimentation from here.
http://theme.stepofweb.com/Atropos/v1.5/HTML/page-team.html
Here is a paid wordpress plugin that can do that for you.
http://codecanyon.net/item/meet-the-team-wordpress-plugin/full_screen_preview/4983412