1LD Tutorials & Blogs

Tutorials

Setup

After adding Text Detect to your stacks page you will see two color coded sections.

In the dark blue “Inputs” section you will need to place any stack or form element that accepts user input. This is where the page visitor will type and the stack can try to find matches for key terms or phrases.

If you do not want to place form elements or other input stacks and would rather just have a space for someone to type, add a HTML stack and place a textarea element inside by like so:

<textarea></textarea>

Next, in the red “Pop-ups” section you can add your custom notices. Click on the Pop-up stack to see it’s settings menu.

Here you can create a list of comma separated terms and/or phrases that you want to trigger this specific pop-up. Disable “Case sensitive” if you want a word/phrase to match regardless if it has capitalizations or not. You can also disable the “Allow partial word matches” when you don’t want a word to match when it is apart of a different word (IE the word “firetruck” would not trigger a match for the word “fire” when this is disabled).

Add any content that you need to the Pop-up to display to the user when a term/phrase is detected. Finally, click the blue add button if you would like to create more pop-ups.

 

 

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Scroll Shift Stack

Scroll Shift Screenshot

Scroll Shift is the ultimate tool for adding seamless scroll-based animations to your web design projects. Create captivating and engaging websites by effortlessly animating elements as the user scrolls through the page. This tool can bring your designs to life with smooth transitions, eye-catching movements, and precise timing.

Create captivating visuals by linking multiple elements together to form a stacked layer effect. These elements can separate and come together to form a unified element, adding depth and dimension to your designs. The possibilities are endless as you craft intricate animations that leave a lasting impression.

Drive attention to essential content by implementing animations that trigger only when the user scrolls past a specific section. By strategically timing the animations, you can ensure that users take notice of crucial information and engage with your content effectively.

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software