3 column Grid Portfolio - SORTABLE?

9 replies · opened Jul 13, 2021

MmyxmlcigarJul 13, 2021

Hi there,

Trying to customize the "Portfolio 3 columns grid" so that I can drop and drop sort using Jquery-UI and sortable. Trying every possible selector and variation but can not seem to get it to work.

Screencap is attached using your 'Portfolio' demo.

Any advice, thoughts, solution, would be greatly appreciated.

BTW - I've renewed my support with you guys twice. Your support and product is just simply awesome!!

SSemicolon WebSTAFFJul 14, 2021

Hello,

Thank you so much for the Kind Words and Extending your Support License.

We have checked this for you but to use Sortable, the .grid-container functionality must be disabled which means you wont be able to use Portfolio Filter as they are conflicting with each other. We have attached the Example Template for you here.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MmyxmlcigarJul 14, 2021

I have to tell you guys. Your response time and support is simply AMAZING!!!! The fact that you recorded a video and sent the HTML in response to this ticket. Wow!!! The solution works perfectly for what I'm trying to do. I am so impressed with your support of the Canvas theme. Continued success for SemiColonWeb ...and thank you!

SSemicolon WebSTAFFJul 14, 2021

Thank You so much for the Kind Words! :) We are Very Happy to Help!

We will always try to provide Stellar Support and continue adding more Features to Canvas with frequent updates.

Do let us know if we can help you with anything else.

MmyxmlcigarJul 19, 2021

Hi There. Just one last question. How do you add the Jquery UI sortable "HANDLE" to the drag and drop functionality?

I'm referencing this : https://api.jqueryui.com/sortable/#option-handle

For some reason, I can not get the default "handle" to display.

Any help greatly appreciated.

Thanks again!

SSemicolon WebSTAFFJul 20, 2021

Hello,

The handle Setting just sets an existing element as the Mouse Handle for an element, which can be used to Move the Item for sorting. Right now, the entire Portfolio Item is the Handle, you can add a smaller item inside the Portfolio Item to set it as a handle. Then the sorting will only start when you click and move the Handle set in the JS Settings.

Hope this makes things clearer.

Let us know if we can help you with anything else or if you find any further issues.

MmyxmlcigarJul 20, 2021

Thanks. Can you send an example .html file using what you previously sent me? I can not seem to figure this out.

SSemicolon WebSTAFFJul 20, 2021

Please check the attached file.

MmyxmlcigarJul 20, 2021

This is fantastic. Thank you so much!

SSemicolon WebSTAFFJul 20, 2021

Very Happy to Help!

Do let us know if we can help you with anything else.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard