Products

[kaltura47]

Hi Yavor Dashev,
Thank you for the quick response. I don’t want to drag whole docking layout .What I really want to do is for example
<smart-dock-layout id=”d1″><p id=”p1″>abcd</p></smart-dock-layout>
<smart-dock-layout id=”d2″><p id=”p2″>xyz</p></smart-dock-layout>
I want to drag p1 content into smart dock (d2) or vice versa. Hope soo you got my point.
Best regards,
Kaltura
 

[kaltura47]

Hi Yavor Dashev,
Thanks for the above code snippet its very useful but the problem is you have created an html div that is dragging into smart docking tag. But what I need is to  drag from smart docking layout tag and drop also into smart docking layout tag. Something like,
<smart-docking-layout id=”dockingLayout2″ ondrop=”drop_handler(event);” ondragover=”dragover_handler(event);”></smart-docking-layout>
<smart-docking-layout id=”drag1″ draggable=”true” ondrag=”drag_handler(event);” ondragstart=”dragstart_handler(event);”>Lorem, ipsum dolor sit amet consectetur </smart-docking-layout>
But its not working for me.
I am looking forward to have any suggestion from you.
regards,
Kaltura
 

[kaltura47]

Hi Yavor Dashev,
I have applied the above code snippet but its not full filling my requirements due to API conflicts of docking layout and html drag and drop!
I am looking forward to know that, Can I use process A as docking Api and process B as html drag and drop? Is there any way to stop (not disable)  and resume the functionality of docking. Thanks in advance and your and Smart UI Team are very fast and responsive that’s appreciable.
regards,
kaltura

[kaltura47]

Hi yavor Dashev,
If the component does not support drag and drop feature can we achieve it using third part tool ?
as i am using html drag and drop api. as shown in link below after applying html UI element it wont work for me.
https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop
thanks in advance!
regards kaltura

[kaltura47]

thanks smart  UI team and specially yavor dashev !
I have a query that does this support drag and drop of content from one panel to other one?. I have done the tabs creation in one panel just after adding second tab the close button from tabs disappear others things works fine! thanks for great response from you and your team!.

[kaltura47]

how can i add tabs in one tab panel dynamically using javaScript I already have a panel with a tab and I want to add a new tab in the same panel,I want to add tab label and content on table td click function, somebody know how to do this? below is my code
const dockinglayout = document.querySelector(‘smart-docking-layout’);
dockinglayout.layout = [
];
folderWindowObject =
{
type: ‘LayoutPanel’,
id: ‘Id’ + count1,
label: foldername,
items: [{
label: foldername,
content: ‘<div id=”cardOpenArea’ + count1 + ‘” ></div>’
}],
tabPosition: ‘hidden’
};
dockinglayout.insertLayoutLeft(folderWindowObject);
tabsWindowObject =
{
type: ‘LayoutPanel’,
id: ‘tabPanel’ + count1,
label: ‘Tab’ + count1,
items: [{
label: tabs,
selected: false,
content: ‘<div id=”tabdata’ + count1 + ‘” > </div>’,
}],
headerPosition: ‘none’,
tabCloseButtons: true,
panelContainerSettings: {
size: ‘50%’
}
}
dockinglayout.insertLayoutRight(tabsWindowObject);

[kaltura47]

thank you for your reply .. that works for me!!
 

[Author]

Posts