Making a dashboard tile DIV draggable

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Krisztyan
Posts: 35
Joined: 19 Jan 2021, 21:16

20 Aug 2021, 15:58

Hi All,

could you please help me with the following topic?
The following code snippet is a dashboard tile which I want to change it to draggable.

I can make the two p:graphicImage-s draggable easily but I would like that the whole dashboard tile would be draggable together.

Could you please help me how to do it??

Code: Select all

                              <div class="p-col-12 p-md-6 p-xl-3">
						<div class="card  overview-box">
								<p:graphicImage name="#{dashboardBean.widgetPerfTodayEffect}"
								library="rain-layout" />
							<span class="overview-icon"> <p:graphicImage
									name="#{dashboardBean.widgetPerfToday}" library="rain-layout" />
							</span>
							<div class="overview">
								<span class="overview-title">#{msg['dashboard.sales.performance']}</span>
							 	<h3>#{dashboardBean.perfToday} ms</h3>
								<span><span>#{dashboardBean.perfYesterday} ms</span>
									#{msg['dashboard.sales.yesterday']}</span>
							</div>
						</div>
					</div>
					
	

Many thanks and best regards,
Krisztyan

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

23 Aug 2021, 07:04

Hi,

Please look at this component: https://www.primefaces.org/showcase/ui/ ... fwid=f312f

Apart from this component, there are custom ways to make it draggable. But none of them are supported by PrimeFaces. You can find and implement it yourself.

Best Regards,

Post Reply

Return to “Rain - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests