KoolReport's Forum

Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines

Multiview widget radio button active not working. #3082

Open Ankit Agarwal opened this topic on on Jun 30, 2023 - 1 comments

Ankit Agarwal commented on Jun 30, 2023

Drill through Multiview selecting views through radio button, One radio button should be active at a time but it's not working like that, shall i add any extra css or script please suggest me.

 \koolreport\drilldown\MultiView::create(array(
                    "name" => "saleMultiView",
                    "dataSource" => $result_format2,
                    "title"=>$report_name,
                    "views" => array(
                        array(
                            "handler" => "<i class='fa fa-line-chart'></i>",
                            "widget" => array(BarChart::class, array(
                                "columns" => $columns1
                            ))
                        ),
                        array(
                            "handler" => "<i class='fa fa-bar-chart'></i>",
                            "widget" => array(ColumnChart::class, array(
                                 "columns" => $columns1
                            ))
                        ),
                        array(
                            "handler" => "<i class='fa fa-table'></i>",
                            "widget" => array(Table::class, array(
                                "columns" => $columns1,
                                "showFooter"=>"bottom",
                            ))
                        ),
                    ),
                 ));

Below is screen short all radio buttons are in active mode.

Sebastian Morales commented on Jul 3, 2023

Pls try our standard MultiView example from the examples suite to see if the buttons work normally. If they do, it's likely one of your css files that conflicts with MultiView css. You can try to remove one css file at a time to see which file affects the button.

Another method is using right mouse click the "active" buttons -> Inspect element to see which one has active css class, which one doesn't and why the non-active css one has the color rule like the active one.

Build Your Excellent Data Report

Let KoolReport help you to make great reports. It's free & open-source released under MIT license.

Download KoolReport View demo
help needed

None