Forum | Appery.io

I would like to center a set of grouped buttons on my home page but can't seem to find anything in here that speaks to grouped buttons, only content in a grid. I tried putting the group in a grid but that did not work.

Hi Jay,

On Page Load run the following code:precode
bg = Appery("mobilegroupedbuttons");
bg.css("position", "absolute");
bg.css("top", "50%");
bg.css("left", "50%");
bg.css("margin-left", -parseInt(bg.css("width"))/2);
bg.css("margin-top", -parseInt(bg.css("height"))/2);/code/preWhere mobilegroupedbuttons is a name of Buttons group

That didn't work. This is what happened.

Hi Jay,

Please try Page Show event. This should help.

It didn't do anything. I deleted your load suggestion and then added that same code as a page show command but the grouped buttons went back to top aligned. Do I need to put the group into a grid and make the grid the size of the container and then center the buttons in the grid?

It works for me with Page Show without using a grid.

When you add this action as a page show is it a javascript you are choosing?

Yes, select 'Run Javascript' in the 'Select Action' drop down for the 'Page show' event.

Thanks. That is how I did it but it didn't work.

Hello Jay,

Could you post your public app link so we can test it?