Menu Position should be top of menu icon

[Bhavya Harini]

HI Team,

Please check the below Image1, Im able to get onhover effect but i'm getting the dropdown as bottom that should be on top of the row and three dot icon should be on top on dropdown please check Image2.  If I release the onhover effect from row and move to dropdown then onhover effect n icon is disappeared as we used mouseenter and mouseleave(check below code).Please make this changes by EOD

args.row.addEventListener('mouseenter', function (args) { 

        if (args.target.querySelector('.e-menu-wrapper')) { 

            args.target.querySelector('.e-menu-wrapper').style.visibility = "visible"; 

        } 

}) 

 

args.row.addEventListener('mouseleave', function (args) { 

        if (args.target.querySelector('.e-menu-wrapper')) { 

            args.target.querySelector('.e-menu-wrapper').style.visibility = "hidden"; 

        } 

}) 

Image1:

Image2

QN2: 

    .e-grid .e-icon-grightarrow::before,

        .e-grid-menu .e-icon-grightarrow::before {

            content: '\e734';

        }

    .e-grid .e-icon-gdownarrow::before,

        .e-grid-menu .e-icon-gdownarrow::before {

            content: '\e705';

        }

I have used above code but still im not getting Image2 icon, instead of that getting below icon

NOTE:   If I release the onhover effect from row and move to dropdown then onhover effect n icon is disappeared as we used mouseenter and mouseleave(check below code).Please make this changes by EOD. HIgh priority

Regards

Bhavya

[Bhavya Harini]

Hi Team,

This is taking care in another ticket https://www.syncfusion.com/forums/153087/onhover-need-to-get-an-icon-at-the-end-of-a-row

[Manivel Sellamuthu]

Hi Bhavya, 

Thanks for letting us know. 

Please get back to us, if you need further assistance. As always, we will be happy to assist you. 

Regards, 

Manivel