Potion Pack Info

• Version 2.1.1

• Released Jun 03rd, 2021

• Elixir
• Potion Pack Support
• Version History

  Version 2.1.1

  Jun 3rd, 2021

  Circle Progress

  • Fixes description for stack in Stacks library.

  Popover

  • Adds the ability to choose the tag that is wrapped around the title of the popover. You can choose from h2, h3, h4, h5, or h6.

  Zoom

  • Adds the option to hide Icon Indicator at the mobile breakpoint.

  Version 2.1.0

  Feb 19th, 2021

  Mega Menu

  • Fixes a bug where the Un-Stick Mobile Navigation feature for Sticky Navigation could sometimes remain "stuck" even when enabled.
  • Adds Site Title color picker for the Mobile Toggle Branding option. Also adds Dark Mode color picker for this as well. PLEASE NOTE: If you're using the Site Title branding at the mobile breakpoint, be sure to set your desired color here.

  <br> <hr> <br>

  Motion

  • Adds ability to choose Responsive as your height for the Mobile, Tablet and Desktop breakpoints. This allows you to specify a View Height (vh) at those breakpoints for the height of the Motion stack.

  <br> <hr> <br>

  Vertical Navigation

  • Adds an Auto Detect Active Page feature. Much like the Mega Menu's auto detect feature, when enabled this feature will mark a nav item as "active" if its URL matches that of the current page.
  • Fixes icon for Right alignment button in the Arrows section of the settings.
  • Adds settings to style the active text, background and indicator width for active items.

  Version 2.0.9

  Nov 24th, 2020

  Mega Menu

  • Adds additional compatibility to Mega Menu's sticky navigation.

  <br> <hr> <br>

  Overlap

  • Adds a workaround for a bug found in the Chromium based browsers related to negative margins.

  Version 2.0.8

  Nov 14th, 2020

  Sections

  • Some general house keeping clean up on some internal files.
  • NOTE: Restart RapidWeaver after installation!

  Version 2.0.7

  Nov 10th, 2020

  General

  • Updates FontAwesome icon designator for QR Code icon.

  <br> <hr> <br>

  Backdrop

  • Adds Alloy Droplet support to Backdrop's background image options.
  • More adjustments to parallax feature to help further help Safari v14 and other minor, affected browsers.

  <br> <hr> <br>

  Form Pro

  • Adds the ability to use the Date Range picker to allow a visitor to choose a single day. To use the Date Range picker for a Single Day enable the Limit Number of Days feature and set the Max Span value to 0 (zero).
  • Adds the ability to enable a Time picker, which allows the visitor to choose a time range (or single time when using Single Day mode).
  • Adds the ability to have the date picker pop-up open downwards (default) or upwards.

  <br> <hr> <br>

  Hover Image

  • Adds Alloy Droplet support for Hover Image.

  <br> <hr> <br>

  Lazy Load Image

  • Changes underlying Lazy Load javascript to match that of the loader used in the Video Embed stack. More robust and reliable than previous version.
  • Adds Alloy Droplet support as an Image type option.

  <br> <hr> <br>

  Motion

  • Adds Alloy Droplet support as an Image type option to the Motion child stack.

  <br> <hr> <br>

  Shift

  • Adds Alloy Droplet support as a Background Type option to the Shift child stack.

  <br> <hr> <br>

  Vertical Navigation

  • Tweaks starting code for sub sections to fix a bug with misaligned toggle arrows in certain cases.

  Version 2.0.6

  Sep 18th, 2020

  Backdrop

  • This update provides a re-working of some of the functionality within the javascript library which produces the parallax effect for the Backdrop stack. While the Potion v2.0.5 update was a quick fix to get something out there for users in a hurry, this update v2.0.6 should provide a more robust fix for a bug that Apple introduced into their release of Safari v14.

  Version 2.0.5

  Sep 17th, 2020

  Backdrop

  • Patches a bug that Apple created in Safari v14 that relates to Parallax styling for the Banner background image.

  <br> <hr> <br>

  Mega Menu

  • Removes an errant console.log() from javascript.

  Version 2.0.4

  Jul 27th, 2020

  Lazy Load Image

  • Fixes a corner case bug where images would refuse to lazy load.

  <br> <hr> <br>

  Overlap

  • Addresses a corner case dealing with border size.

  Version 2.0.3

  Jun 30th, 2020

  Backdrop

  • Fixes a corner case bug where inset shadows applied to a parent Backdrop stack would be applied to any Backdrop stacks placed within that parent Backdrop stack.

  Version 2.0.2

  Jun 15th, 2020

  • Fixes a problem that caused the Zoom stack to act erratically

  Version 2.0.1

  Jun 10th, 2020

  Form Pro

  • Makes an adjustment to the Date Range field so that the format is applied to the date shown in the drop down.
  • Adds an Allow Overflow option to the Date Range picker to allow it to escape the bounds of the form if necessary. This can cause problems with some stacks. Only use if absolutely necessary.

  <br> <hr> <br>

  Zoom

  • Changes the way the javascript is inserted into the page to help in preventing conflicts with other javascript libraries.

  Version 2.0.0

  Jun 4th, 2020

  Backdrop

  • Adds the ability to use a second, alternate image for Dark Mode when the Backdrop Style is set to Image.
  • Adds the ability to use the Foundry Control Center Brand Color Presets (Primary, Success, Info, etc.) for your Backdrop color.
  • Adds the ability to choose a Dark Mode background color when the Backdrop Style is set to Color Picker.
  • Adds additional preset gradients.
  • Adds the ability to apply an inset shadow to the Backdrop to make the content look inset into the page.
  • Adds the ability to use Remote Images for your Backdrop background in addition to the normal drag-and-drop options.
  • Fixes a bug with the Horizontal and Vertical Alignment settings not being applied unless you had the Background Image Type set to Tiled.

  <br> <hr> <br>

  Circle Progress

  • Adds new circular progress bar stack to Potion Pack.

  <br> <hr> <br>

  Form Pro

  • Adds in a "honey pot" spam trap. This is enabled all of the time, whether you're using the Human Test or not.
  • Adds the ability to set custom colors for your field background, border, text and placeholder text.
  • Adds the ability to use Dark Mode color pickers for your labels, small labels, error labels, field background, border, text and placeholder text.
  • Allow you to make your checkbox field look like an iOS ispired switch in the Checkbox Child stack's settings.
  • Adds a new child stack for Form Pro -- Date Range. Allows you to let your visitors choose a range of dates.
  • Removes an errant divider line from Text Area child stack's settings.
  • Adds SMTP support. NOTE: If you run into problems using SMTP support you will need to contact your host.

  <br> <hr> <br>

  Hover Image

  • Improves how the image is displayed in Edit Mode.
  • Adds Remote Image Support.

  <br> <hr> <br>

  Lazy Load Image

  • Adds Remote Image Support.

  <br> <hr> <br>

  Mega Menu

  • Adds the ability to choose between Click and Hover triggers for Navigation Item drop down menus.
  • Adds link attributes for class, id, rel, and onclick to navigation items. These are assigned in the link dialog drop down when adding a link.
  • Removes link underline when Mobile Toggle Site Title has a link.
  • Reorganizes some of the existing controls in the Mega Menu settings to make them work better with Dark Mode settings.
  • Adds the ability to use Dark Mode color pickers to further customize your Mega Menu navigation.
  • Adds the ability to use Dark Mode in the Drop Down child stack for background and border colors.
  • Adds the ability to use Dark Mode in the Drop Down Plain items child stack for text and background of the items.
  • Adds the ability to change the Branding Site Title's font size at the mobile breakpoint.
  • Adds the ability to set the z-index of the Mega Menu for normal and sticky navigation usage. This is an advanced feature. Unless absolutely necessary these should be left as default. Changing them may cause negative interacions with other stacks.
  • Adds a field in the Branding section of the Mega Menu settings to insert your ALT tag text for your site logo. By default this ALT tag text is set to "Logo."
  • Adds the ability to have sticky navigation on for Tablet and Desktop breakpoints, but then disable it (a.k.a. un-stick it) at the Mobile breakpoint. This is helpful for users with an extremely long list of navigation items.
  • Adds Remote Image support for the branding logo image file.
  • Adds Dark Mode color pickers to the Link Group child stack inside of the Drop Down child stack.
  • Adds <nav> tag, with a role of navigation around Mega Menu navigation bar.

  <br> <hr> <br>

  Mini Navigation

  • Reorganizes how color pickers are displayed. This is done to make Dark Mode settings work properly in the settings palette.
  • Adds the ability enable Dark Mode for the main Mini Navigation stack. This allows you to select colors for the toggle for Dark Mode visitors.
  • Adds the ability enable Dark Mode for the Mini Navigation's child stack. This allows you to select colors for the navigation items for users that have Dark Mode enabled on their OS or browser.
  • Adds the ability to choose between pixel and percentage based offset values.
  • Adds <nav> tag, with a role of navigation around Mini Navigation stack's items.

  <br> <hr> <br>

  Motion

  • Adds the ability to use Remote images within the Motion stack's Slide child stack.
  • Adds note about Edit Mode Sample Image to the stack's settings.
  • Adds the ability to choose separate colors for the progress bar for Dark Mode visitors.

  <br> <hr> <br>

  Overlap

  • Adds controls for adjusting the overlap to the left or right. You can set distances for the left or right overlap at each of the three breakpoints.
  • Adds the ability to set Dark Mode colors for the Overlap background at each of the three breakpoints.
  • Adds the ability to set a Dark Mode color for the Overlap's border.

  <br> <hr> <br>

  Popover

  • Adds Dark Mode color options to the Custom Colors feature. Enabling Dark Mode and Custom Colors allows you to set alternate colors for visitors who are using Dark Mode.
  • Rearranges how some controls display in the settings to accomodate Dark Mode options.
  • Fixes a mistyped label.

  <br> <hr> <br>

  Sections

  • Adds Color Picker with Dark Mode setting for the Section child stack.
  • Adds Color Picker with Dark Mode setting for the Slide child stack.
  • Removes custom coloring of child stack borders and labels in Edit Mode due to changes in how Stacks v4 builds components in Edit Mode.
  • Adds the ability to use Remote Images for the backgrounds of your Sections and Slides.
  • Makes navgation item settings visible at all times even when not enabled. This allows for Dark Mode settings to be added to the Navigation Items.
  • Adds Dark Mode color pickers for Dot pagination styling.
  • Adds Dark Mode color pickers for normal and active Navigation Items.

  <br> <hr> <br>

  Seek

  • Adds the ability to have the Seek stack highlight the selected text within the results.
  • Adds the ability to have more than one Seek stack on a page at a time.
  • Adds the ability to have Seek ignore accented characters.

  <br> <hr> <br>

  Shift

  • Adds the ability to use Foundry's preset Brand Colors for the background of your Section and Slide stacks.
  • Adds the ability to use a Remote image for your slide background.
  • Adds the ability to set Dark Mode colors for both the parent stack as well as the child stack.

  <br> <hr> <br>

  Side Navigation

  • Adds the ability to use Remote images for your logo image.
  • Adds the ability to set Dark Mode color pickers

  <br> <hr> <br>

  Type It

  • Adds HTML encoding to phrases to allow ampersands and a few other characters to be used.
  • Fixes a bug with the hiding and revealing of Pre and Post phrases in the settings palette
  • Adds the ability to set Dark Mode color choices for the Pre- and Post-Phrase text, Phrase, and Cursor.

  <br> <hr> <br>

  Vertical Navigation

  • Adds the ability to set Dark Mode color choices for the color pickers in the Vertical Navigation stack.
  • Fixes a bug related to dragging sub section navigation items in Edit Mode.
  • Adds <nav> tag, with a role of navigation around Vertical Navigation stack's items.

  <br> <hr> <br>

  Zoom

  • Adds a highly customizable Icon Indicator option.
  • Adds Remote image support.

  <br> <hr> <br>

  All Stacks

  • Adds divider lines inside of some of the drop down select controls within various stacks throughout Potion Pack for a cleaner, more legible look.
  • Improves Edit Mode speed slightly.

  Version 1.3.6

  Sep 9th, 2019

  Backdrop

  • Fixes a bug with the Rosebud preset gradient. It mistakenly linked to the Ocean gradient instead.

  <br> <hr> <br>

  Form Pro

  • Fixes a corner case bug with PHPMailer.

  <br> <hr> <br>

  Mega Menu

  • Fixes a bug which prevented the site title font size from being set at the tablet breakpoint.

  <br> <hr> <br>

  Vertical Nav

  • Adds ability to add target, id, class and rel attributes to Link Items.

  Version 1.3.5

  May 28th, 2019

  Mega Menu

  • Mobile menu drop down that collapses when a user selects an Anchor link from the navigation. Note this is only the anchor links added by the stack itself through the small blue (+) sign in the stack.
  • Mobile menu toggle setting that includes the ability to enable branding (logo and / or site title).
  • Shadow settings for the Mobile Styling for the drop down.
  • Fixes a minor Internet Explorer bug.
  • Includes a check in the javascript to help compatibility with the Conditionals stack which is a part of Alloy.

  <br>

  ---

  <br>

  Mini Navigation

  • Fixes a bug where the Text's normal and Hover colors, which are set in the Nav Item child stack, were not being applied.

  Version 1.3.4

  Apr 2nd, 2019

  Grid

  • Under the hood changes to how CSS is applied to Edit Mode.

  <br>

  ---

  <br>

  Hover Image

  • Sets the max-width to 100% and an auto height for images in Edit Mode.

  <br>

  ---

  <br>

  Mega Menu

  • Under the hood changes to how CSS is applied to Edit Mode.
  • Fixes a corner case bug where problems would occur in Internet Explorer if a Mega Menu stack was placed at the very top of the top and Sticky Navigation enabled. Note this bug doesn't affects Mega Menu stacks placed at the top of the page using the Pair with Parent Banner feature, but instead only Mega Menu stacks that are placed at the top of the page alone.

  Version 1.3.3

  Jan 30th, 2019

  Hover Image

  • Adds in a workaround to address an irregularity with the Indicator Icon on mobile browsers.

  ---

  Mega Menu

  • Fixes a bug with top level items' height and vertical alignment.
  • Fixes a corner case bug with the display of content in a drop down if you have both Include Padding turned off and Full Width Drop Down mode turned on.
  • Fixes a bug where at times the navigation items were not being properly vertically aligned at the tablet breakpoint.
  • Adds option to adjust the spacing on the left- and right-hand sides of the Site Title independently.
  • Fixes a bug where the navigation would open upwards instead of down on some mobile devices at the mobile breakpoint.
  • Fixes a vertical visual mis-alignment of parent items for drop downs.

  ---

  Type It

  • Increases the Start Delay max value.

  ---

  Vertical Nav

  • Fixes a bug where the positioning of the collapse and expand arrow for sections would be misaligned when setting one of the child stacks to use the "Mark as Active" feature.

  Version 1.3.2

  Jun 25th, 2018

  Backdrop

  • Adjusts when the parallax library loads in order to increase compatibility with other stacks.

  Form Pro

  • Adds ability to set a Radio control item as a default option. Only one default per Radio control is allowed. If more than one is set as the "Selected" item then the furthest down the list will be the default as only one default can be defined for a Radio control.

  Hover Image

  • Fixes a bug where the Styles for Circular and Rounded images were not being applied to the overlays and backdrops for the hover effects.

  Side Nav

  • Introduces the auto detect active page setting from Mega Menu to the Side Nav stack.

  Zoom

  • Fixes a bug that could lead to conflicts.

  Version 1.3.1

  Jun 7th, 2018

  Backdrop

  • Adds ability to add a Parallax scroll effect to the the backdrop background image.

  Mega Menu

  • Adds background blur feature for use with translucent Navigation Bar backgrounds. This feature works in Safari-based browsers as well as Microsoft Edge currently. Other browsers will fallback to a non-blurred translucent background.
  • Adds ability to have an alternate set of colors for the top-tier navigation bar when using Sticky Navigation. This is triggered after the visitor has scrolled a certain distance (defined by user). Alternate colors can be set for Site Title, Navigation Bar background, border, text, active text and active background.

  Version 1.2.9

  Apr 9th, 2018

  Form Pro

  • Adds ability to add a custom margin above the success message that appears when a user successfully submits the form. This can be set for each of the three breakpoints. The default is 20px for all three breakpoints, which retains the current spacing settings.
  • Adds an advanced ability to set a UNIQUE ID for your form. This also applies to the anchor link name that is used after a user successfully submits the form. It is important that this is a UNIQUE ID. Do not use spaces or quotation marks in this unique ID. Instead use dashes or underscores.

  Hover Image

  • Adds ability to include an icon on top of your image to indicate to visitors that there's more to be seen when hovering over the image.

  Mega Menu

  • Fixes a bug where the drop shadow applied to the mobile navigation toggle would appear with a 1px space directly above it.
  • Fixes label typo in PLIST file.

  Side Navigation

  • Fixes a bug with misbehaving color pickers.

  Vertical Navigation

  • Makes an adjustment to the max value for the Section Title Size.
  • Adds ability to use customized rounded corners of the stack or if toggled off the stack will use Foundry's Control Center settings for rounded corners.

  Version 1.2.8

  Mar 1st, 2018

  Form Pro

  • Fixes a compatibility issue with some 3rd-party stacks.

  Version 1.2.7

  Feb 16th, 2018

  Form Pro

  • Fixes a bug where child stacks within Form Pro could not be rearranged. While forms will continue to work just fine after this update with no changes necessary to your form, if you wish to be able to rearrange your fields within your form you will need to start a new Form Pro stack. Due to the depth of this bug fix this is a necessary step if you need to rearrange your field types.

  Version 1.2.6

  Feb 12th, 2018

  Form Pro

  • Fixes a bug where fields would become undraggable, disallowing the user to rearrange field once they are inserted into the form.

  Motion

  • Updates internal javascript for Motion's slideshows to the latest version of javascript library.
  • Fixes a bug with the internal .js.map file.

  Version 1.2.3

  Jan 24th, 2018

  ##Backdrop

  • Fixes a bug that would occur when placing one Backdrop stack within another, where one of the Backdrop stacks would override the other's background coloring.

  ##Form Pro

  • Adds ability to use a drop down as the subject field for your form, using your own predefined drop down options. IMPORTANT NOTE: If you are currently using the Pre-defined Subject line, which was added in v1.2.2, you will need to re-select that option from the Subject Type drop down option in the Form Pro stack.
  • Fixes an important bug that would cause attachments to not get attached to the sent email.
  • Adds ability to insert a block of text within the form for information purposes using a child paragraph stack.
  • Adds icon to incorrectly validated fields.
  • Adds class names for validator purposes.
  • Adds ability to customize the color of the labels and small note labels, as well as the small error message labels.

  ##Sections

  • Adds color pickers for adjusting the scroll down arrow within the section child stacks. Allows for customization of the icon, background and border of the scroll down arrow.

  Version 1.2.2

  Dec 28th, 2017

  ##Backdrop

  • Fixes a bug where rounded corners applied to a Backdrop stack would not be honored by the Overlay Color as well.

  ##Form Pro

  • Fixes a minor bug where a submitted form could sometimes jump down below the success message once the page reloaded.
  • Adds ability to use a pre-defined subject line (setup in the stack's settings) instead of having the visitor enter their own subject line.

  ##Mega Menu

  • Adds the ability to set the alignment for the Mobile Toggle icon to be either aligned to the left, center or right.
  • Fixes a bug where pairing Mega Menu with a parent Banner stack would cause problems in the specific case of being paired to a fixed height Banner.
  • Fixes a bug where Active font weight was applied to hovered navigation items as well.

  ##Popover

  • Adds ability to choose whether the Popover is triggered by a click or a hover.
  • Adds ability to customize the styling of the Popover.
  • Adds ability to add a drop shadow to the Popover
  • Adds ability to choose whether to have the Popover fade in, or just appear, when it is triggered.
  • Adds internal templating for Popover. Just some housekeeping at this point, but could lead to other features in the future.

  ##Zoom

  • Adds ability to set Hover Indicators for desktop computers. This adds a Zoom, Shadow, Opacity, and Black & White filter as options for Hover Indicators.

  Version 1.2.1

  Nov 29th, 2017

  ##Form Pro

  • Fixes a bug that was introduced in v1.2.0 that was injecting an errant Stacks conditional statement into the PHP section of the form.

  Version 1.2.0

  Nov 28th, 2017

  ##Form Pro

  • Adds ability to optionally include Full Name, Email and Subject line into the body of the email that Form Pro sends. Each can be added individually.

  ##Mega Menu

  • Fixes a bug where, in rare corner cases, the navigation bar would not be fully styled. This occurred in very few instances, but this fix should clear it up in those situations.
  • Removes unnecessary font size setting in Branding section, which was a holdover setting from early beta testing.
  • Fixes bug where elements on a page, below the Mega Menu stack, may disappear in Edit Mode when using the Include Button option.

  Version 1.1.0

  Oct 10th, 2017

  ##General

  • Updates short descriptions for Stack Elements Library on all Potion Pack stacks (again).

  ##Backdrop

  • Fixes a bug with background images that have the "Lock Background" feature enabled. The image would expand extremely large on mobile devices as locked backgrounds are not natively supported on most mobile OSes. This fix reverts the image to be a non-locked background on these mobile devices.
  • Adds option to have a different overlay color for when Backdrop is hovered over.

  ######Hover Image

  • Adds ability to align image to the left, center or right.
  • Adds toggle to allow content to be centered vertically within the overlaid content area.
  • Adds ability to hide caption.
  • Adds ability to align content within the overlaid content area to the left, center or right.
  • Adds ability to add an Alt Tag to your Hover Image.
  • Adds image sizing options: Normal, Upscale to 100% and Max-Width settings.
  • Adds ability to choose whether the image will be Standard or Rounded.

  ##Mega Menu

  • Adds a Link Group child stack to the Drop Down within Mega Menu. Allows items placed within the Link Items to become linked navigation items within the Drop Down.
  • Adds ability to choose an icon for your mobile navigation toggle.
  • Fixes bug with spacing above button at mobile breakpoint.

  ##Mini navigation

  • Adds ability to toggle drop shadows on or off for the navigation Toggle as well as the Labels.

  ##Sections

  • Adds ability to hide navigation dots at the Mobile breakpoint.
  • Makes left and right arrows for slide-based sections smaller.
  • Adds ability to toggle slide arrows on or off.
  • Adds ability to hide slide arrows at the Mobile breakpoint.
  • Adds ability to choose from a list of Font Awesome icons for your Scroll Down arrow(s).

  ##Shift

  • Fixes a bug, in small corner cases, where icons would sometimes appear briefly during page load even when hidden.

  ##Zoom

  • Adds ability to align image to the left, center or right.
  • Adds ability to add an Alt Tag to Zoom image.
  • Adds image sizing options: Normal, Upscale to 100% and Max-Width settings.
  • Adds ability to choose whether the image will be Standard or Rounded.

  Version 1.0.0

  Aug 29th, 2017

  • Initial Release