Drag and Drop Feature

[edison]

Hi TB Community!

Is there a way we can drag and drop inside the created application from the table?

Meaning, If I have a table inside the application. I can just drag it and drop it to the position I want them to be?

Thank you!

[moe]

Are you referring to changing the order of a record in the table? Or moving around tables and componnts from app side?

Something like this? I think we have snippets for that where you can allow your users to tweak how things are viewed on their end.

If you need to reorder records in a table, I don’t believe we have a way to do that.

[edison]

Thank you so much for the reply. I really appreciate it.

Yes @moe I was referring to the record in the table. I tried the numbering sequence and it works. However, there is a hassle to the user side.

Auto Refresh to Re-Order the number

Hi Tadabase, I follow these and it works. Thank you very much @Chem However, is there a way it will automatically refresh the page to re-order the number? I used the Record Utilities pipe to Duplicate the parent and child. I record a short video to show the problem. [Auto Refresh] If there is a way or solution to these, I really need it please. Thank you.

I am looking for a way that I can re-arrange the record on the table, so that when I send this to someone it will be in the same format/order.

My goal is that when the user decides to change the sequence from the original order, they will be able to do it.

Is this possible?

I hope you can help me with this please.

Thank you so much.

[moe]

I’m confident this is easily possible. Will investigate a bit more later and update you here.

[edison]

Looking forward to it. Thank you very much.

[moe]

Edison, here you go:

Final Output:

I’ve just uploaded a video of me doing this.

Changing order of records in a table

Here are the steps I’ve taken:

1. Add the record ID to the first column.
2. Install the Rest API pipe and get the code for updating existing record.
3. Update the pipe and set the table and field ids.
4. Wrap the code in a function
5. Use the Javascript below.
6. Update the pipe not to run equations (highly recommended!)

Heres my JS code. Be sure to update the values appropriately:

TB.render('component_X', function(data) {
	$('tbody').sortable({
	    
	     update: function ($item, container, _super, event) {
             $('tr').not(":first").each(function (i){
                 var order = i + 1;
                 var recordId = $(this).find("td:first").text(); 
                 //console.log("Update Record ID: " + recordId + " to number: " + order)
                 updateOrder(order, recordId)
                 
             })
        }
	    
	});
	
});

function updateOrder(orderVal, recordId){
    TB.triggerPipe('YOUR_UNIQUE_PIPE_ID', 
    	{tableId: 'o6WQb5NnBZ', field_id: 'field_71', field_val: orderVal, recordId: recordId},
    	function(type, response, xhrRespone) {
    		//console.log('pipe response', type, response, xhrRespone);
    	}
    );
}

[edison]

Thank you. I will try this now and get back to you. Thank you sir @moe

[edison]

Thank you very much @moe. It works. When duplicating, it keeps the order the way I want it. Thank you.

I hope you can also help me with this:

Add multiple people and email them all separately

Hi Tadabase Community, Is there a way in tadabase that I can: Send email on multiple emails and duplicate a parent and child record at the same time? Example: I made a template with several questions. I want to send this template to my students. Can I enter the email of the students and when I hit the send buttong, the template will be duplicated and will be assigned to the emails I have entered? or is there a work around on this. I hope you can help me. Thank you.

Thank you