DigitalEye Plugins
  • Home
  • How to add a custom class or an ID to a Bubble element
  • LINKS
    • Contributor page
    • Contact us
  • PLUGINS
    • Advanced Dynamic Tables 🚀
    • Advanced Editable Tables ✏️
    • Export Page to PDF 🔥
    • Advanced Algolia Search 🕵️
    • Rich Text Editor like Medium 📝
    • Scrollspy 👁
    • Move, Rotate & Resize element 🔄
    • Inverted RepeatingGroup (for Chat app)
    • Live Chats (LiveChat.com, Intercom ...) 💬
    • Advanced Screenshot Element 🖼
    • Screenshot Element 🖼
    • Cookies 🍪
    • Device by Screen Size 📱 🖥 📺
    • Browser Language and Locale 📍
    • Advanced <iframe> element 🖥
    • Conditional Redirect 🔀
    • Users Online 🙋‍♂️
    • Page Close Event 🚪
  • TEMPLATES
    • Eatics: Food Delivery Platform like Uber Eats 🍔
    • Coursus: Advanced Online Courses (Udemy-like) 🎓
    • Sline: Premium Admin & Dashboard 📈
    • BubbleBook: a GitBook clone
    • BubbleBook Landing
Powered by GitBook
On this page
  • 🔗 Links
  • 🔥 Features
  • 📚 Documentation

Was this helpful?

  1. PLUGINS

Device by Screen Size 📱 🖥 📺

Plugin allows you to get the current screen size (xs, sm, md, lg) and/or receive an appropriate event every time user changes the screen size.

PreviousCookies 🍪NextBrowser Language and Locale 📍

Last updated 4 years ago

Was this helpful?

🔗 Links

|

🔥 Features

  • Get current screen size: extra small (xs), small (sm), medium (md), large (lg)

  • Triggers an appropriate event every time screen size changes

  • Define your custom width for every screen size

Default values:

  • XS screen: 0px - 768px

  • SM screen: 768px - 992px

  • MD screen: 992px - 1200px

  • LG screen: > 1200px

📚 Documentation

Available events (events trigger workflows, such as a click):

  • extra_small_screen

  • small_screen

  • medium_screen

  • large_screen

Available state (states let users access data from this element):

  • Screen. Possible values: xs, sm, md, lg

Check our demo for a detailed usage example.

Demo
Editor
Plugin page
Forum