avives
1f72193a64
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
52 lines
1.3 KiB
Markdown
52 lines
1.3 KiB
Markdown
# Drag.Value
|
|
|
|
Allows the dragging of elements that result in a custom value when dropped.
|
|
|
|
<p>
|
|
<input placeholder="Drag a button below to me" class="form-control" />
|
|
</p>
|
|
|
|
<button
|
|
class="btn btn-default"
|
|
data-control="dragvalue"
|
|
data-text-value="Winter">
|
|
Drop "Foo"
|
|
</button>
|
|
|
|
<button
|
|
class="btn btn-default"
|
|
data-control="dragvalue"
|
|
data-text-value="CMS">
|
|
Drop "Bar"
|
|
</button>
|
|
|
|
### Clickable
|
|
|
|
You can make elements clickable from another input by defining `data-drag-click="true"`.
|
|
|
|
<p>
|
|
<input placeholder="Click on me first, then click a label below" class="form-control" />
|
|
</p>
|
|
|
|
<div class="control-balloon-selector">
|
|
<ul>
|
|
<li
|
|
data-control="dragvalue"
|
|
data-text-value="Richie"
|
|
data-drag-click="true">
|
|
Monday
|
|
</li>
|
|
<li
|
|
data-control="dragvalue"
|
|
data-text-value="Potsie"
|
|
data-drag-click="true">
|
|
Tuesday
|
|
</li>
|
|
<li
|
|
data-control="dragvalue"
|
|
data-text-value="The Fonz"
|
|
data-drag-click="true">
|
|
Happy days!
|
|
</li>
|
|
</ul>
|
|
</div> |