Бабл добавил новую вкладку в стили.

Теперь можно задать шрифт на уровне приложения и он будет по умолчанию применяться во всех элементах)

#плагины
Пачка полезностей для Bubble по мотивам вчерашнего созвона:
1. Плагин для определения он-лайна пользователя
2. Плагин(5$) для определения когда пользователь вводит сообщение в инпуте
3. Библиотека компонентов для Bubble

И ещё крутота от разработчиков из чатов:
@petrk5 - плагин для нативного календаря
@MaksSakhno - плагин для интеграции с зумом

Как быстро и просто сделать текст градиентом?

Нашёл крутой сервис, где нужно просто написать текст, задать параметры градиента и получить отформатированный текст в формате bb code. А дальше вставляете текст в редактор и красота🔥

Я слоупок и сегодня обнаружил, что Bubble поддерживает математический порядок расчётов. И это обновление вышло ещё в апреле.

Достаточно гибко можно выбирать в какую из скобок подставлять динамическое выражение и делать вычисления.

Надеюсь, я не один такой😃

UPD оказалось, что это экспериментальная функция. Включить можно в settings - versions

Кто сегодня хочет в 18:00 пообсуждать или проконсультироваться по своим проектам на Bubble?

Сегодня, наконец-то, сделаем с записью)

Поставьте 🔥 кто придёт

Ссылку отправлю за несколько минут до начала

Опубликовал запись вчерашнего звонка с разбивкой по таймкодам)

Можно посмотреть по ссылке: https://www.youtube.com/watch?v=-K1mbrRvdKE

По ощущениям, вчера был один из самых полезных и плотных по количеству полезной инфы звонков🔥

🔥Создать массив объектов без бэкенда и получить список unique id всех созданных элементов?🔥

Такую возможность открывает использование Data API.

Включить взаимодействие с данными по API можно в настройках: Settings - API - Enable Data API.
Под последним пунктом отмечаем таблицы, в которых хотим создавать/удалять/редактировать записи.
Не забываем сходить на вкладку Privacy Rules и установить для конкретной таблицы правила использования по API.

Теперь мы можем отправлять POST-запрос (на endpoint https://[appname].bubbleapps.io/api/1.1/[typename]/bulk) с телом в JSON-формате:

{"key1": value, "key2": value}
{"key1": value, "key2": value}

Максимальное количество элементов, которые можно создать с помощью одного такого запроса составляет 1000. Существует ограничение в 4 минуты на выполнение запроса; если это займет более 4 минут, элементы, которые еще не были созданы, будут отмечены в ответе как ошибки.

Скорость создания зависит от:
- доступного capacity
- размера создаваемых элементов.

В ответ на запрос мы получаем статус и ID созданных записей в текстовом формате.

🔥Оставь реакцию, если понравилось! 🔥

Источник: https://manual.bubble.io/core-resources/api/data-api#bulk-create-new-things

Всем привет!

Кто сегодня в 18:00 залетит на традиционный office hours? Прошлый был супер полезный)

Ставьте 🔥 кто придёт

Ссылку, как обычно, пришлю за пару минут до начала

В тематических чатах постоянно всплывают какие-то фишки и хаки, которые упрощают разработку или помогают решить задачку. Проблема только в том, что всё это потом теряется в куче сообщений, избранное засирается другими сообщениями(у меня так точно) и в итоге всё теряется.

Решил собирать подборку таких коротких советов у нас на сайте. Пока опубликовал 2 хака из чатиков.

От Петра про то, как отключить автозаполнение инпута: https://nocodehero.tech/tpost/1ejvec9g11-kak-otklyuchit-avtozapolnenie-polya-v-in

От Вани про то, как делать автообновление вызова API без перезагрузки страницы: https://nocodehero.tech/tpost/gb80l56yd1-avtoobnovlenie-vizova-api-bez-perezagruz

Все подобные хаки будут находиться на вкладке Quick tips

Хаю хай👋

Мне периодически нужна помощь на проектах и дополнительные руки, поэтому если вы, в первую очередь, Bubble разработчик и открыты к новым проектам, то заполните форму и я буду знать, что к вам можно будет обратиться в случае чего

Прямо сейчас немного подгорает проект с созданием мобильного приложения через BDK. Поэтому если у вас есть опыт с этим - то заполняйте форму и пишите в личку)

Здесь пример заполненной карточки

⏲Office Hour сегодня в 18:00⏲

Подключайтесь по ссылке:
https://us02web.zoom.us/j/2439197751

🔥Создаем переменную внутри workflow и используем её в следующих шагах🔥

Нашел и начал использовать прикольный плагин Variable.
Устанавливаем плагин, и в workflow в разделе Plugins появляются 2 действия "Store a text variable/Store a number variable". Не нужно создавать скрытые input, заполнять промежуточные кастом-стейты для получения расчетов, достаточно создать новый шаг, рассчитать в нем данные и использовать их в следующих шагах. Похожий функционал предоставляет действие Set WF Vars в плагине Canvas Utilities.

Можно использовать, например, когда в условии шага нужно сравнить два рассчитываемых значения (как показано в GIF). Количество сценариев ограничено только вашим воображением)

Напиши, где бы ты использовал или уже используешь этот плагин.

🔥Оставь реакцию, если понравилось🔥

Не часто, но случается) Рабочий процесс не работает или работает некорректно, хотя видимых причин для этого нет.

Попробуйте просто пересобрать его с нуля 1 в 1. Хз как это работает, но уже не в первый раз замечаю, что помогает)

Взгляд нуба на то, как запускать JS в Bubble)

Нужно было решить простую задачку по определению длительности загружаемого видео. Работающего плагина не нашлось, поэтому пришлось немного поковыряться и вот, что из этого вышло:

https://nocodehero.tech/tpost/sa1ijybj31-kak-zapuskat-java-noscript-v-bubble

Уверен, что есть более элегантное решение, но я не силён в коде, поэтому так)

Сорян, я что-то пропал за проектами. Вот делюсь подборкой из 3х классных плагинов для инпутов)

Display data in An Input - позволяет передавать в инпут какие-либо данные. Используется, когда нужно вставить в инпут результат какого-либо действия.

Reset data go an Input - позволяет сброить данные с определенного инпута.

Keystroke input trigger - позволяет отслеживать когда пользователь начал что-то писать в инпуте

Как получить расширение файла из его имени? 🤔

---------------------------------------

Первый способ:

После обращения к имени файла добавить оператор split by, в окно разделителя поставить точку. В результате к вам вернется список текстов, последним элементом которого будет расширение файла, для получения добавляем :last item.

File's name :split by(.) :last item

Второй способ:

После обращения к имени файла добавить оператор Extract with RegEx, в появившемся поле вписать выражение "/\.[0-9a-z]+$/" без кавычек. Готово!

---------------------------------------

Этот функционал может пригодится для проверки расширения файла при загрузке его в вашу БД, в зависимости от результата можно будет запрещать или разрешать загрузку файлов с конкретным расширением, а также использовать в фильтрации при поиске файлов в списке и т. п.

---------------------------------------

#некодер #bubble #regex #советы

Если вам вдруг нужно настроить динамическую ширину ячеек в Repeating Group, то ловите супер простой способ без платных плагинов и регистраций от @Yuriy_Zhakun🤩

1. Создать Repeating Group, задать ей ID, поместить туда элементы и настроить так, как вам нужно
2. Разместить на странице HTML элемент - не в Repeating Group
3. Вставить туда 2 строчки кода

<style>
#ID РГ{
display: flex;
flex-wrap: wrap;
}

</style>

Как стилизовать таблицу в Bubble.io?

---------------------------------------

В этом небольшом посте я расскажу о том, как закрасить чётные или нечётные ячейки таблицы.

Для этого достаточно лишь сгруппировать все элементы ячейки, сбросить стиль группы, выбрать нужную вам заливку.

Затем необходимо создать условное форматирование для данной группы.

---------------------------------------

Создадим conditional:

Для четных ячеек: Current index < modulo > 2 is 0

Для нечетных ячеек: Current index < modulo > 2 is not 0

После него выбираем нужную вам заливку. Готово!

---------------------------------------

Можно создать только одно условие, в случае его невыполнения будет применен стиль из вкладки "Appearance".

---------------------------------------

Оператор "X < modulo > Y" позволяет найти остаток от деления числа X на число Y. Результатом вычислений будет сам остаток (число), если же его с чем либо сравнить с помощью логических операторов, то к вам вернётся Yes / No.

---------------------------------------

Всем продуктивной недели 💪🏻🔥

---------------------------------------

#некодер #bubble #ui #rg #советы

Нашел неплохой бесплатный шаблон для мобильного приложения и PWA

Некоторые ссылки не кликабельны, сообщения не отображаются. Но в целом, если нужно быстро замутить интерфейс с основными функциями и уже упакованное в PWA, то вполне себе вариант)

UPD прочитал, что создатель хочет сделать его платным через какое-то время. Поэтому лучше сохраняйте сейчас)

Ещё раз убедился, что все гениальное - просто

В чате по бабл сегодня искали решение о том, как сделать превью для загруженного pdf. Ни плагинов, ни кода не надо)

Просто добавьте элемент image или сделайте background группы с типом image и как источник данных укажите ссылку на загруженный pdf

Идея отсюда: https://forum.bubble.io/t/use-pdf-in-group-background-style-image/196385

Пушка-бомба🦾