2013-06-11 2 views
1

Мне нужно использовать интерфейсный модуль Zurb Foundation и модель разработки портала портала Kentico CMS v7. Когда я импортирую фреймворк CSS в CMS и применяю таблицу стилей Foundation к шаблону страницы, стили CMS и стили Foundation наступают друг на друга, делая вкладку «Дизайн» практически бесполезной для пользователя:Использование Zurb Foundation в Kentico CMS Portal Engine

Примененный стиль:

enter image description here

Стиль применяется:

enter image description here

Мне интересно, если мне нужно префиксом стили в классах Foundation CSS, чтобы попробовать чтобы предотвратить конфликт, однако мои первоначальные быстрые попытки, похоже, не оказали большого влияния.

Есть ли способ включить Foundation CSS таким образом, чтобы не препятствовать развитию портала?

ответ

1

Единственное, что я могу сейчас представить, это добавить CSS условно.

Помещенный

<%= CMS.CMSHelper.CMSContext.ViewMode != CMS.PortalEngine.ViewModeEnum.Design ? @"<link rel=""stylesheet"" href=""http://www.zurb.com/assets/foundation.top-bar.css"">" : "" %> 

в макет страницы. Я попытался добавить это в макет главной страницы (Корневой документ -> Главная страница -> Изменить свойства шаблона -> Макет), и он отлично работает. Но он добавит CSS к. К сожалению, этот код не разрешается в главном разделе главной страницы.

+0

Спасибо за код. Это помогает исправить проблему CMSDesk, однако она все еще оставляет редактирование страницы [borked] (http://i.imgur.com/YxZOz73.png). –

+0

Ну, вы можете расширить условие с помощью CMS.PortalEngine.ViewModeEnum.EditLive, который служит для редактирования на месте. – rocky