Форумы / National / Russian / Скины и дизайн / theme.php и textarea

Помогите с вопросиком.

vpktz
#1 03.08.2018 13:26

Насколько я понимаю, в этом файле можно редактировать стили. Я не понял логику но мне добре люди скинули это:

$R['input_select'] = '<select name="{$name}" {$attrs} class="form-control">{$options}</select>{$error}';

$R['input_submit'] = '<button type="submit" name="{$name}" {$attrs} class="form-control" >{$value}</button>';

$R['input_text'] = '<input type="text" name="{$name}" value="{$value}" {$attrs} class="form-control" />{$error}';

$R['input_password'] = '<input type="password" name="{$name}" value="{$value}" {$attrs} class="form-control" />{$error}';

$R['input_comment'] = '<input type="comment" name="{$name}" value="{$value}" {$attrs} class="form-control" />{$error}';

$R['input_textarea'] = '<input type="text" name="{$name}" value="{$value}" {$attrs} class="form-control" />{$error}';

Сразу все стили применились bootstrap 4.1 кроме последнего textarea.  Почему? Помогите с textarea.

Kort
#2 04.08.2018 07:21
$R['input_textarea'] = '<textarea class="form-control" name="{$name}" rows="{$rows}" cols="{$cols}"{$attrs}>{$value}</textarea>{$error}';

 

SED.by - создание сайтов, разработка плагинов и тем для Котонти
Kopusha
#3 04.08.2018 07:23

Насколько помню ресурсы в файле с ресурсами, подключение внешнего в .rc а в тема.пхп свои функции.

Kort
#4 04.08.2018 10:34

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

file_exists('themes/nemesis/nemesis.resources.php') ? require_once cot_rc('themes/nemesis/nemesis.resources.php');

Если файл железно есть, можно и без проверки. Ну и, конечно для шаблонных тем лучше использовать переменные $cfg['themes_dir'] и $usr['theme']

SED.by - создание сайтов, разработка плагинов и тем для Котонти
vpktz
#5 04.08.2018 12:49
#43608 Kort:
$R['input_textarea'] = '<textarea class="form-control" name="{$name}" rows="{$rows}" cols="{$cols}"{$attrs}>{$value}</textarea>';

 

Спасибо заработало, но только в одном случае, если брать модуль pm. В pm на странице написания нового сообщения 2 textarea. Первое окно с получателями, оно как раз и меняется в стиле, а второе окно с самим текстом сообщения, там не изменяется стиль, как мы видим по незакругленым углам формы.

Скриншоты: 1 и 2 вариант.

И еще так же не изменяются стили поиска , например в портфолио, это только что заметил. 

Код инпута формы поиска, если смотреть через браузер : 

<div><input type="text" name="sq" value="" class="schstring"></div>

Фото 3: 

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

$R['input_textarea'] = '<textarea class="form-control" name="{$name}" rows="{$rows}" cols="{$cols}"{$attrs}>{$value}</textarea>{$error}';

 

Kopusha
#6 04.08.2018 13:45

{Тег который выводит что угодно|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок" Чтоугодно="что угодно"')}

Kort
#7 05.08.2018 06:56

Kopusha: ему нужно глобально все textarea застилизовать под Бутстрап

vpktx: переопределение надо сделать в theme.rc.php или небольшой плагин написать

SED.by - создание сайтов, разработка плагинов и тем для Котонти
Kopusha
#8 05.08.2018 09:13

Откровенно говоря мне намного удобнее в самой теме по 1 переопределять внешний вид, зато очевидно все и не надо искать) Ну то такое, можно хоть так хоть так.

vpktz
#9 05.08.2018 17:32
#43612 Kopusha:

{Тег который выводит что угодно|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок" Чтоугодно="что угодно"')}

Можно по подробнее мануал? С росписями, знаю это не особо приятно писать, нубомануалы, но все же. Буду очень благодарен. Мне не понятно это.

Kopusha
#10 05.08.2018 17:45

Есть тег который выводит например {USERS_EDIT_TEXT} - текстовый инпут. 
Или {USERS_EDIT_BIRTHDATE} - селекты. Или что угодно. Надо это видоизменить не трогая ничего кроме того TPL в котором работаем.

{USERS_EDIT_TEXT} выдает в Немезисе

<textarea name="rusertext" rows="4" cols="56" class=""></textarea>

Если сделать так {USERS_EDIT_TEXT|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок"')} будет
 

<textarea placeholder="Это заголовок" id="title" spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" name="rusertext" rows="4" cols="56" class="form-control new-form fullwidth firstcapital"></textarea>

Ну и так далее/

vpktz
#11 06.08.2018 09:28
#43616 Kopusha:

Есть тег который выводит например {USERS_EDIT_TEXT} - текстовый инпут. 
Или {USERS_EDIT_BIRTHDATE} - селекты. Или что угодно. Надо это видоизменить не трогая ничего кроме того TPL в котором работаем.

{USERS_EDIT_TEXT} выдает в Немезисе

<textarea name="rusertext" rows="4" cols="56" class=""></textarea>

Если сделать так {USERS_EDIT_TEXT|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок"')} будет
 

<textarea placeholder="Это заголовок" id="title" spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" name="rusertext" rows="4" cols="56" class="form-control new-form fullwidth firstcapital"></textarea>

Ну и так далее/

 

"ООО Спасибо"   Ситуация проясняется - что то получается.

Добавлено 2 дня спустя:

#43617 vpktz:
#43616 Kopusha:

Есть тег который выводит например {USERS_EDIT_TEXT} - текстовый инпут. 
Или {USERS_EDIT_BIRTHDATE} - селекты. Или что угодно. Надо это видоизменить не трогая ничего кроме того TPL в котором работаем.

{USERS_EDIT_TEXT} выдает в Немезисе

<textarea name="rusertext" rows="4" cols="56" class=""></textarea>

Если сделать так {USERS_EDIT_TEXT|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок"')} будет
 

<textarea placeholder="Это заголовок" id="title" spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" name="rusertext" rows="4" cols="56" class="form-control new-form fullwidth firstcapital"></textarea>

Ну и так далее/

 

"ООО Спасибо"   Ситуация проясняется - что то получается.

И все же мне не ясна вот эта часть. Эта часть всегда одинакова? при правке любых стилей и везде?

 {USERS_EDIT_TEXT|cot_rc_modify($this, 'autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control new-form fullwidth firstcapital" id="title" placeholder="Это заголовок"')}

Так как input file меня опять ввел в ступор

Отредактировано: vpktz (08.08.2018 12:24, 5 лет назад)
Kopusha
#12 08.08.2018 22:20

Смотри, проще всего решать вопрос стилизации какой то конкретной штучки именно в том tpl в которой она есть. 

Если не выходит через cot_rc_modify можно просто посмотреть как создает система этот к примеру input и не выводить его тег вовсе. Просто написать в tpl нужный тебе стилизированый с правильными именем и тд. Если аккуратно и понимать что делать.

Я у себя много инпутов тупо скрываю, а делегирую яваскриптом его задачи другим элементам - 

// Delegate Dropzone to work on click
$( "body" ).delegate("#dropzone", 'click', function () {
$("#upload").click();
});

При нажатии на #dropzone (картинка) произойдет нажатие на инпут файл #upload

 

vpktz
#13 09.08.2018 10:26
#43620 Kopusha:

Смотри, проще всего решать вопрос стилизации какой то конкретной штучки именно в том tpl в которой она есть. 

Если не выходит через cot_rc_modify можно просто посмотреть как создает система этот к примеру input и не выводить его тег вовсе. Просто написать в tpl нужный тебе стилизированый с правильными именем и тд. Если аккуратно и понимать что делать.

Я у себя много инпутов тупо скрываю, а делегирую яваскриптом его задачи другим элементам - 

// Delegate Dropzone to work on click 
$( "body" ).delegate("#dropzone", 'click', function () {
$("#upload").click();
});

При нажатии на #dropzone (картинка) произойдет нажатие на инпут файл #upload

 

Мдааа. А какой то единой системы стилизации нет?  Я же не прожу ничего сверхневероятноего, я просто хочу чтобы мой сайт полностью был на bootstrap 4.1. А то получаеться, в одном месте стили сработали при подключении в thema.rc.tpl , во втором месте где стили не сработали  пишем строки в thema.tpl в третьих местах в сами теги прописываем,  еще есть моменты где в тени прописать нельзя потому что тего какие то не такие.   И этот с делигацией явастриптами импутов я тоже не сооброжу, теь более. Сейчас вот например такой тег  ({PHP.cfg.payments.valuta})  Это тег для ввода числа /денег в sbr и как его стилизовать я не знаю.

Kopusha
#14 09.08.2018 11:38

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

PHP.cfg.payments.valuta надо смотреть что он выдает на выходе. Ничего. Тупо значение. Значит - 

<span class="someclass" id="someID">{PHP.cfg.payments.valuta}</span>

 

И тд, головой и руками...

Added 7 minutes later:

У всего поля ID dropzone а у скрытого инпута ID upload

При нажатии на инпут upload мы начинаем выбор файла (стандарно). Но он скрыт и при нажатии на dropzone браузер думает что нажат upload

Это вообщще просто

// Delegate Dropzone to work on click
$( "body" ).delegate("#dropzone", 'click', function () {
$("#upload").click();
});

 

Ниже видно как выглядят стандатрные инпуты типа text (Где у картинок Title)

 

Отредактировано: Kopusha (09.08.2018 11:46, 5 лет назад)
vpktz
#15 09.08.2018 12:06

В общем я выще протупил и нерправильно написал и ввел в заблуждение. 

Нужно было не этот ({PHP.cfg.payments.valuta})  тег применить к стилям а вот этот: {STAGEADD_FORM_COST}

И заклассовал я его так.

{STAGEADD_FORM_COST|cot_rc_modify($this, 'autocomplete="on" autocorrect="on" autocapitalize="on" spellcheck="false" class="form-control new-form fullwidth firstcapital" ')}

Все теперь работает.

А что касается стиля для inputa type="file" дойду до него чуть позже

Спасибо