Forum | Appery.io

Hi Appery Team,

When I changed the panel width directly, the buttons I have in it that fall outside the original panel width cannot be detected by a mouse pointer or touch. I have tried changing the width of every element inside the panel but this does not change anything.

Attached is a screenshot of the issue I'm having

If the button falls inside the original panel width, the button remains clickable.

But if the button is outside, it is no longer clickable.

Thank you in advance for your help.

Hi Jack -

Could you please show how exactly you have changed width of panel inside builder?

I gave the panel a class and then did

.panel-class {width: 400px;}

Hello,

Please be sure you change all button's parent elements. http://blog.bismallion.com/appery-tut...

Hi Sergiy, I've tried manually setting all elements manually with a set width but it's still not working. It's as if there's an invisible div preventing any a rel="nofollow" to be selected./a

Didn't find the correct solution. So, after 2 hours trying to solve, the solution that worked for me is:

.ui-panel {
background : rgba(0, 0, 0, 0.85);
overflow: hidden;
width: 35% !important;
}

::-webkit-scrollbar {
width: 0px;
}

.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 35% !important;
right: 35% !important;
}