Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic 2 Add radio buttons to alert controller

How to add radio buttons as inputs buttons in an alert controller in ionic 2? It works with check boxes, but i want to add radio button group with radio buttons to select only one option.

  advanceSearch(): void{
   let prompt = this.alertCtrl.create({
    title: 'something',
    message: 'Select option ',
    inputs : [
     {
       type:'checkbox',
       label:'something1'
     },
     {
       type:'checkbox',
       label:'something2'
      }

    ],
    buttons : [
     {
       text: "Cancel",
       handler: data => {
         console.log("cancel clicked");
       }
     },
     {
       text: "Search",
       handler: data => {
         console.log("search clicked");
       }
     }
    ]
    });
    prompt.present();
}

`

I want to change these check boxes to radio boxes.

like image 383
Pasindu Nirmal Avatar asked May 20 '17 13:05

Pasindu Nirmal


1 Answers

Try this.

advanceSearch(): void
{
    let prompt = this.alertCtrl.create({
    title: 'something',
    message: 'Select option ',
    inputs : [
    {
        type:'radio',
        label:'something1',
        value:'something1'
    },
    {
        type:'radio',
        label:'something2',
        value:'something2'
    }],
    buttons : [
    {
        text: "Cancel",
        handler: data => {
        console.log("cancel clicked");
        }
    },
    {
        text: "Search",
        handler: data => {
        console.log("search clicked");
        }
    }]});
    prompt.present();
}
like image 94
Dinuka Akalanka Avatar answered Sep 18 '22 18:09

Dinuka Akalanka