search

scottdurow / SparkleXrm

An open-source library for building Dynamics CRM XRM solutions using Script#, jQuery & Knockoutjs.
MIT License
265 stars 197 forks source link

Question: is there a quick way to change the Editable Grid to rtl (for Hebrew/Arabic) #74

Open AJster opened 8 years ago

AJster commented 8 years ago

Hi Scott,

Thanks a lot for Sparkle-XRM, I really enjoy it.

To change the Editable Grid to right to left, I'll need to change the order for all div's that their class contains "slick-cell" or "slick-header-column". Or perhaps, ordering the columns in the opposite direction and swapping between the refresh button and the select button.

Is there a better way to achieve this?

Thank you,

AJ

scottdurow commented 8 years ago

Hi AJ, To be honest I've never had to implement RTL - there are some forks of SlickGrid that provide RTL support. I would be very excited if you could provide a SparkleXRM sample with RTL support if you get this working.

Thanks!

AJster commented 8 years ago

Hi Scott,

I forked slickgrid and changed it.

for the css , the minimun for RTL to work is adding to sparkle.css: https://github.com/geriamir/SlickGrid/commit/ffba5ed9c2711dd7ec109fb8e768fa3df898a61c

I specifically needed further changes in css and I also changed the height of rows to 30 in dataBindDataViewGrid function.

I didn't need a pager, so I didn't modify the pager's css, it doesn't support RTL.

I added my fork to my dependencies.js i just changed the Closure Compiler. ... // @code_url https://raw.github.com/mleibman/SlickGrid/master/slick.core.js // @code_url https://raw.github.com/AJster/SlickGrid/AJster-patch-1/slick.grid.rtl.js // @code_url https://raw.github.com/mleibman/SlickGrid/master/plugins/slick.rowselectionmodel.js

Hope it helps whoever needs RTL.

Thank you! sparkle xrm rtl

scottdurow commented 8 years ago

That is great work! Did you look at getting the refresh button on the left?