Создание интересного сайта — залог успешного продвижения Бизнеса... 
Документация ZOO Разработка Как увеличить поле редактирования элементов

Как увеличить поле редактирования элементов

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

Увеличение ширины полей редактирования

Иногда при редактировании большой текствой или другой информации в элементах ZOO становится не совсем удобным производить это редактирование в окне  Textarea (поле текста)  стандартного размера, и нехватает ширины этого самого окна, как показано на фото ниже.

По умолчанию пропорции левой части, где находятся поля редактирования элементов, и правой части, где находятся параметры публикации, метаданные и д.р., находятся в соотношении 60 / 40. Для того чтобы изменить это соотношение открываем файл general.css который находится в директории administrator/templates/khepri/css/.  Ищем в файле следующие строки:

  • div.width-60 { width: 60%; }  
  • div.width-40 { width: 40%; } (это 328 и 329 строки).

Меняем их параметры, например на такие:

  • div.width-60 { width: 75%; }  
  • div.width-40 { width: 25%; }  

Здесь вы выставляете удобное вам соотношение, хоть 95 на 5. Если вы все сделали верно, то тогда окно редактирования должно выглядеть примерно как на следующем фото.

Увеличение размеров поля текстового редактора

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

Для этого открываем файл ui.css в директории administrator/components/com_zoo/assets/css/ и ищем параметр .creation-form textarea

По умолчанию значение ширины стоит 400 px. Меняем его на значение в пикселях или процентах. Здесь также можно поменять значение высоты по умолчанию. Если поставить параметры как на фото слева, то получится следующая ситуация:

Так же в файле ui.css вы можете изменить параметры других типов полей, но их изменения не так важны как изменение ширины Textarea (поле текста). 

Обязательно сделайте резервные копии файлов, на случай если вы что-то «сломаете».

Рекомендуемый хостинг для сайта:

Лучшие видеокурсы по созданию сайтов:

Оптимизация сайта

При заказе оптимизации и продвижения сайта - новый сайт или редизайн старого - сделаем бесплатно
(обращайтесь лично ко мне: Игорь Вялов )
Обсуждение SEO-энциклопедии на форуме
Видео-уроки SEO — оптимизация Joomla »

Комментарии (0)

Оставить комментарий

Пожалуйста, войдите, чтобы комментировать.

Навигатор: Документация ZOO Разработка Как увеличить поле редактирования элементов