Responsive UI for Beaver Builder

설명

When you have set Visibility settings in Beaver Builder, it’s not easy to see what rows, columns and modules appear on different devices. This plugin adds a visual guide with a click of a button.

스크린샷

  • Once activated you will see the UI button appear in the top of Beaver Builder screenshot-1.png
  • You will see different icons depending on which Breakpoints you have set in the Visibility settings screenshot-2.png

FAQ

How does it work

Beaver Builder lets you hide and show elements based on “Visibility” settings dependent on device size. You can control these via the ‘Advanced’ tab in row, column and module settings in the ‘Visibility’ section. Which is great, but the only problem is you can’t then see which elements are hiding and showing until you click on each of their settings.

In order to see which modules, columns and rows are showing/hiding, edit any page with Beaver Builder and you will see the “UI” button appear in the top bar. Click on that to see which elements you have with Visibility settings and which devices they are set to.

후기

2024년 1월 10일 1 reply
Much better visibility for responsive-specific components in the editor.
2021년 1월 22일 1 reply
If you work with Beaver Builder you need this. Especially if you design more than just a basic site.
2021년 1월 22일 1 reply
It's one of those plugins that you didn't know you needed until you have used it. This plugin is essential for extensive users of Beaver Builder when creating websites for clients professionally.
2021년 1월 17일 1 reply
Thanks Chris for making this. It's going to be very useful on sites where I use Beaver Builder visibility a lot. It should stop me deleting those "spacer" columns I set up and later forget about - whoops!. Perfect as a plugin rather than as something in Beaver Builder.
모든 4 평가 읽기

기여자 & 개발자

“Responsive UI for Beaver Builder”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Responsive UI for Beaver Builder”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.0.5

  • Tested for WP 6.4+ and edge cases added for separated responsive choices.

1.0.4

  • Updated for new responsive Extra Large breakpoint in Beaver Builder 2.6

1.0.3

  • Updated compatibility for WP 5.9.

1.0.2

  • jQuery updates for WP 5.7

1.0.1

  • Amendments to styling so it is more obvious when it is on / off

1.0.0

  • Initial Version