POPDROP
Examples
Here are just a few more examples of PopDrop in action
IDEAS
A FEW POPDROP USES
BUTTONS
Here you could give users download links - as used on the BWD stacks pages
If you want a lot of content in a PopDrop you can limit the maximum height an allow the content to scroll.
Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Gentrify Aves Ayelsbury craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard mallards fap Terry Richardson XOXO. Sartorial vinyl passion, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Eider trust fund, grummage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, paddles ennui narwhal Tumblr platyrhynchos Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird up it.
Collapsing the content keeps your edit mode window nice and tidy.
You still get a visual representation of the PopDrop you have defined, just without all the stack contents clutter.
MEGA MENUS
TOOL TIPS
Feed in a woof, a farmers market. Brussel sprouts cow, rabbits a gates a, storage sheep shed fences. Mooo cat daisys, grunt in turkey coo, windmill at bull. veterinarian blue berries cattle jelly canning. Chainsaw foal hay hook, herbs at combine harvester, children is mallet. veterinarian blue berries cattle jelly canning. Peacocks baa ostriches owls. Haybine carrots soybeans, owls duck raising or, cheep in plows. Outhouse at nails mower.
Forage Harvester, bean and Silage dump, hay sheep manure, John Deere radish bovine barn, a hay loft house at pony. Peacocks baa ostriches owls. Hoot squeal moose ducks, crows doggies frogs crickets chirp. John Deere bees, parsley sweet corn at, porky pig shovels. Combine Harvester swather, baler as haybine parsley, fox in hay rake.
The above tips were made using a single PopDrop stack working in TipList Mode. This makes it really easy to manage all your tooltips for a page or even a whole site from one stack.
See the TipList page for more details.
Ducks are the King of Animals
And they go QUACK
Simply check the "This is a nested PopDrop" setting in your second level PopDrop.
This will prevent this PopDrop from closing its parent when it opens.
Closing the parent PopDrop will close all nested PopDrops
This popover is using the built in "light" theme and is showing the optional title bar and close gadget.
Pop Drops can contain any stacks that you like, you are not just limited to text.
This is a tooltip.
When is a PopDrop not a popover?
When its a modal dialog box.
PopDrop modals can contain anything you like including forms.
Steps:
1. Add a link to whatever you want to launch your Pop Drop (either text or another stack)
2. Change the link url to javascript:void(0)
(This will prevent it adding a # to the page url as it would if you just used a blank # as the link)
3. Click the + button and add a Custom Attribute
4. Always enter data-pop-drop as the name
5. In the value field enter the PopDrop ID that you set in the PopDrop main stack settings.
POPDROP
PopDrop is another free stack from Big White Duck. It works in any theme but also has a special integration for the ButtonPlus 2 stack when used in Foundation.
POPDROP
Big White Duck. Stacks for RapidWeaver.