CSS to move paging bar right 18px

RLJB · Post by **RLJB** » Sat Apr 09, 2016 12:34 am

I have a custom query and for some reason the query sits about 18px to the right of the paging bar.

Any tips of where I can put my CSS to push ONLY the paging bar to the right 18px? margin-left: 18px; work in browser inspect, but can't figure out where to put it

customaware · Post by **customaware** » Sat Apr 09, 2016 2:22 am

Can you give us a screenshot Rod?

johntalbott · Post by **johntalbott** » Sat Apr 09, 2016 2:35 am

A screenshot would indeed help, but if I guessed correctly this should do it...

Put this in a custom CSS file

.k-pager-wrap {
margin-left: 18px;
}

johntalbott · Post by **johntalbott** » Sat Apr 09, 2016 3:11 am

That last approach may not be the best as it will move all paging bars to the right 18px.

Since this is only for a specific custom grid, try this Render Script instead ...

Code: Select all

$("#" + parser.m_widgetInfo.markupId + "_pager").css ("margin-left", "18px");

RLJB · Post by **RLJB** » Tue Apr 19, 2016 6:33 am

Thanks John that Render Script works perfectly!

Aware IM User Forums

CSS to move paging bar right 18px

CSS to move paging bar right 18px

Re: CSS to move paging bar right 18px

Re: CSS to move paging bar right 18px

Re: CSS to move paging bar right 18px

Re: CSS to move paging bar right 18px