Opt group dropdown in ionic - ionic-framework

I want to display a hierarchical dropdown in ionic like the below image
and i have tried select with optgroup but it display like this
not matched with designing
Any suggestion or help would be greatly appreciate!

Related

In Flutter how to create a list of months in a dropdown list

I am very new to Flutter Development. I am Creating a calendar using table_calendar 3.0.0 package from pub.dev(https://pub.dev/packages/table_calendar). I want to create a list of months using a dropdown button in the header part. The selected month should show the corresponding dates in the calendar. will it be possible? if it possible please help me any experts. Thank u and cheers.
Yes, you can create a list of months using a dropdown button in the header part but if you want to custom any package, make sure that you understand code inside !

How to create expandable confirmation design in Ionic

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

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

How to put zend radio in an extended table

I'm trying to build a form in the Zend Frameword in which there has to be a table like this:
So, it's a radiobutton followed by some descriptions about a subscription of some sorts. I have googled myself senseless, but can't make this happen. I have tried several form-decorators, but it seems that the radiobuttons stick together, and you can only wrap a whole group of radiobuttons in an html-tag...
The form will be rendered by a Smarty template, but I can't get the individual radio-buttons in the template. Maybe somebody has some experience with this.
Does anybody have an idea or a link to get me going with this?
This task is suited for View Script Decorator .
http://framework.zend.com/manual/en/zend.form.standardDecorators.html#zend.form.standardDecorators.viewScript

How to create Dynamic Control in Dynamic form Module in DNN?

Actually I have a DropDownList, Which have values 1,2,3,4,5,6.And Under this some controls 2 RadioButtons,3 CheckBox Group and 4 TextBoxes. When i select value 1 from DropDown These controls display once,when i select value 2 from dropDown , these controls display twice and so on. So how can i do this? Please help anyone . Thanks in Advance.
you can do that with jquery, somthing like this:
jQuery('<div/>').appentTo('#body')
you can achive this in two (or more) way:
add 6 "multiview" controls each of it has an empty view in it and filled view with the desired controls.
If you switch your dropdownlist you can call:
mvMymultiView1.SetActiveView(vShowControls);
mvMymultiView1.SetActiveView(vEmptyView);`
you can place 6 Controls of <asp:placeholder> on your page and fill them dynamically with new Controls at runtime.
I would prefer my first way to achive your target. This is pretty easy cause you can show or hide your controls rly easy and fast without deleting or creating any control at runtime.