Changed panel width, now buttons cannot be selected outside of original size

[jackdavidson]

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.

[Illya Stepanov]

Hi Jack -

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

[jackdavidson]

I gave the panel a class and then did

.panel-class {width: 400px;}

[Serhii Kulibaba]

Hello,

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

[jackdavidson]

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

[Bruno Lovatti8280301]

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;
}