Search jQuery

jQuery Forum

Percentage position

in Using jQuery UI • 8 years ago

Hi. I'm new to JQuery UI. I'm using JQuery UI to center my elements, but the elements are centered with an fixed position, in pixels.

My site has fluid layout, then I want to position these elements with an percentage position. Is there a way to position my elements with percentage instead of pixels using the position() method?

Sorry for my bad english. Thanks in advance.

Replies(8)

jakecigar

Re: Percentage position

8 years ago

It seems you need to reposition when the layout changes. UI uses pixels too often! I just fought a battle with positioned dialogs. It was the only way to fix it.

JΛ̊KE

moisesnov..

Re: Percentage position

8 years ago

Thanks, Jake. So, the only solution would be to manually convert pixels to percentage? I thought there was something native of JQuery UI.

jakecigar

Re: Percentage position

8 years ago

For me the positioning was perfect until the page was resized. I used a window resize handler to set it back.

If your predicament is different, share a link to a problematic page or a demo page that shows the problem.

JΛ̊KE

kbwood.au

Re: Percentage position

8 years ago

jQuery UI Position accepts percentages as part of the my and at options:

Each dimension can also contain offsets, in pixels or percent, e.g., "right+10 top-25%". Percentage offsets are relative to the element being positioned.

jakecigar