Salesforce + Bootstrap

Есть такая задача - использовать Bootstrap на Visualforce Page но со стандартным Stylesheets (header включен).
Если вставтить bootstap начинаются конфликты со стандартными стилями, причем это сразу заметно. Кто занимался такой задачей, поделитесь что делали в этом случае.

Dmitry Shnyrev

Есть такая задача - использовать Bootstrap на Visualforce Page но со стандартным Stylesheets (header включен).
Если вставтить bootstap начинаются конфликты со стандартными стилями, причем это сразу заметно. Кто занимался такой задачей, поделитесь что делали в этом случае.

Самое просто, но нехорошее решение - iframe

Gres

Самое просто, но нехорошее решение - iframe

iframe - очень нехорошее решение.

Пока тут ковырялся нашел выход - namespaced bootstrap.
Добавляем namespace и компилируем из исходников (less).
Вроде заработало - буду правда еще тестировать, может что и вылезет.

Dmitry Shnyrev

:D iframe - очень нехорошее решение.

Пока тут ковырялся нашел выход - namespaced bootstrap.
Добавляем namespace и компилируем из исходников (less).
Вроде заработало - буду правда еще тестировать, может что и вылезет.

Gres

Самое просто, но нехорошее решение - iframe

самое хорошее и просто правильное решение переписать стили бутсрапа с помощью

Dmitry Shnyrev

:D iframe - очень нехорошее решение.
Пока тут ковырялся нашел выход - namespaced bootstrap.
Добавляем namespace и компилируем из исходников (less).
Вроде заработало - буду правда еще тестировать, может что и вылезет.

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

Maxim Elets

[quote="Gres"]Самое просто, но нехорошее решение - iframe[/quote]

самое хорошее и просто правильное решение переписать стили бутсрапа с помощью [quote="Dmitry Shnyrev"]:D iframe - очень нехорошее решение.

Пока тут ковырялся нашел выход - namespaced bootstrap.
Добавляем namespace и компилируем из исходников (less).
Вроде заработало - буду правда еще тестировать, может что и вылезет.[/quote]

ничего не вылезет, делал себе такою же штуку, бутстрап + фонтэвсом. все отлично работало

Maxim Elets

фонтэвсом

Это что?

Dmitry Shnyrev

[quote="Maxim Elets"]фонтэвсом[/quote]
Это что?

Maxim Elets

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

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

Dmitry Shnyrev

[quote="Maxim Elets"]ничего не вылезет, делал себе такою же штуку, бутстрап + фонтэвсом. все отлично работало[/quote]
Да, пока работает как часы. Это очень порадовало - теперь можно всю красоту от бутстрапа на Salesforce использовать :)

добрался до этой темы.

во-первых, вы знаете, что есть "адаптация" Bootstrapа к ВФ?
Visualstrap

во-вторых, я столкнулся с его использованием в интересном случае, который сам по себе показался мне более интересным и полезным, чем собственно Bootstrap.

идея заключается в том, что в самый вверх старого доброго стандартного лейаута добавляется секция, кастомная ВФ страница, которая графически (с помощью Bootstrap или другого косметического фреймворка) визуализирует наиболее важные поля записи. Например там крупным шрифтом выводится поле Статус с разными иконками, подобранными под значение. А так как у ВФ страницы может быть контролеер, то можно посчитать что-нибудь важное в жизненном цикле Записи, например, что-то на чайл-рекордах, и вывести как "Готовность" или "Обработано на ..%".

Т.е. эта секция очень наглядно и сразу же дает представление что происходит с Записью. Наши называют такую секцию "Record's dashboard".

мне понравилась идея.

Den Brown

добрался до этой темы.
во-первых, вы знаете, что есть "адаптация" Bootstrapа к ВФ?
[url=http://visualstrap-developer-edition.ap1.force.com/]Visualstrap[/url]
во-вторых, я столкнулся с его использованием в интересном случае, который сам по себе показался мне более интересным и полезным, чем собственно Bootstrap.
идея заключается в том, что в самый вверх старого доброго стандартного лейаута добавляется секция, кастомная ВФ страница, которая графически (с помощью Bootstrap или другого косметического фреймворка) визуализирует наиболее важные поля записи. Например там крупным шрифтом выводится поле Статус с разными иконками, подобранными под значение. А так как у ВФ страницы может быть контролеер, то можно посчитать что-нибудь важное в жизненном цикле Записи, например, что-то на чайл-рекордах, и вывести как "Готовность" или "Обработано на ..%".
Т.е. эта секция очень наглядно и сразу же дает представление что происходит с Записью. Наши называют такую секцию "Record's dashboard".
мне понравилась идея.

Den Brown

идея заключается в том, что в самый вверх старого доброго стандартного лейаута добавляется секция, кастомная ВФ страница

В стандартный layout? Какую хитрость используете?

Dmitry Shnyrev

[quote="Den Brown"]идея заключается в том, что в самый вверх старого доброго стандартного лейаута добавляется секция, кастомная ВФ страница[/quote]
В стандартный layout? Какую хитрость используете?

Den Brown

во-первых, вы знаете, что есть "адаптация" Bootstrapа к ВФ?
Visualstrap

Хорошо придумали - сделать из этого продукт

Хотя я посмотрел - там принцип точно такой-же как я описывал выше - добавлен namespace .visualstrap
Ну и версия bootstrap немного устаревшая.
Так что если не лень самому поковыряться с less, то можно сделать небольшой хук и скомпилировать bootstrap со своим неймспейсом и залить в static resource.

Dmitry Shnyrev

[quote="Den Brown"]во-первых, вы знаете, что есть "адаптация" Bootstrapа к ВФ? 
Visualstrap[/quote]
Хорошо придумали - сделать из этого продукт :) 
Хотя я посмотрел - там принцип точно такой-же как я описывал выше - добавлен namespace .visualstrap
Ну и версия bootstrap немного устаревшая.
Так что если не лень самому поковыряться с less, то можно сделать небольшой хук и скомпилировать bootstrap со своим неймспейсом и залить в static resource.

Dmitry Shnyrev

В стандартный layout? Какую хитрость используете?

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

понравилась сама идея - секция, record level dashboard, для тех записей, которые являются верхушкой айсберга процессов протекающих, например, в дочерних записях.

быстро глянул на такую секцию - и уже есть представление как идут дела.

Den Brown

[quote="Dmitry Shnyrev"]В стандартный layout? Какую хитрость используете?[/quote]

да все как обычно. просто секция в самый верх из той зоны на дитейл лейауте, где мы можем редактировать стандартным лейаут редактором.

понравилась сама идея - секция, record level dashboard, для тех записей, которые являются верхушкой айсберга процессов протекающих, например, в дочерних записях.

быстро глянул на такую секцию - и уже есть представление как идут дела.

попробовал Bootstrap. чтоб стили не конфликтовали, использовал Visualstrap-овские файлы, а содержание моей страницы обернул в див с их CSS классом.

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

Den Brown

попробовал Bootstrap. чтоб стили не конфликтовали, использовал Visualstrap-овские файлы, а содержание моей страницы обернул в див с их CSS классом.

думаю, что пока не буду применять это на внутриорговых страницах, чтобы придерживаться общего единого стиля, а вот для сайтовый страниц вполне можно начать активно использовать.

Кстати зря. Немного можно и раскрасить унылый стандартный Salesforce. Посмотри например на Data Wizard, как симпатично выглядит. Заказчики наверное оценят небольшую изюминку в UI.

Dmitry Shnyrev

Кстати зря. Немного можно и раскрасить унылый стандартный Salesforce. Посмотри например на Data Wizard, как симпатично выглядит. Заказчики наверное оценят небольшую изюминку в UI.

Любителям Bootstrap посвящается.
Очень полезный набор дополнений и расширений для Bootstrap.
(сам не догадывался про такие полезные штуки)
http://habrahabr.ru/company/dataart/blog/258301/

Dmitry Shnyrev

Любителям Bootstrap посвящается.
Очень полезный набор дополнений и расширений для Bootstrap.
(сам не догадывался про такие полезные штуки)
http://habrahabr.ru/company/dataart/blog/258301/

да, попробовал Bootstrap, красота и удобно.

того гляди как бы он не стал "стандартной" библиотекой для базового дизайна HTML страниц...

Den Brown

да, попробовал Bootstrap, красота и удобно.

того гляди как бы он не стал "стандартной" библиотекой для базового дизайна HTML страниц...

Den, ты наверное пропустил последние лет 10
он уже давно уже

Den Brown

стал "стандартной" библиотекой для базового дизайна HTML страниц...

и даже успел всем порядком надоесть.

Dmitry Shnyrev

Den, :D ты наверное пропустил последние лет 10 :D 
он уже давно уже
[quote="Den Brown"]стал "стандартной" библиотекой для базового дизайна HTML страниц...[/quote]
и даже успел всем порядком надоесть.