mstdmstd

По-прежнему ищу решение
Я переделал пример с тем чтобы в зависимости от параметры убирать div вокруг чекбокса

@if( !empty($debug) and $debug == 9 )
<div data-toggle="buttons" class=" ">
@endif
<label class="btn btn-primary btn-sm padding_sm checked">
<input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" checked>
<span class="fa fa-check" aria-hidden="true"></span>Clear
</label>
@if( !empty($debug) and $debug == 9 )
</div>
@endif

<hr>
<hr>
@if( !empty($debug) and $debug == 9 )
<div data-toggle="buttons" class=" ">
@endif
<label class="btn btn-primary btn-sm padding_sm">
<input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" >
<span class="fa fa-check" aria-hidden="true"></span>Clear
</label>
@if( !empty($debug) and $debug == 9 )
</div>
@endif

link1
переключатель чекбокс работает но оригинальный чекбокс виден
и
link2
переключатель чекбокс не работает но оригинальный чекбокс не виден

как исправить ?

Спасибо!
 

Я пытался следовать Вашим срветам но выяснил что и в моем первоначальном случае
и в вашем надо было убрать обертку toggle="buttons"
Я вывожу 2 кнопки

{{--<div data-toggle="buttons" class=" ">--}}
<label class="btn btn-primary btn-sm padding_sm">
<input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox">
<span class="fa fa-check" aria-hidden="true"></span>Clear
</label>
{{--</div>--}}

<hr>
<hr>
{{--<div data-toggle="buttons" class=" ">--}}
<label class="btn btn-primary btn-sm padding_sm">
<input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox">
<span class="fa fa-check" aria-hidden="true"></span>Clear
</label>
{{--</div>--}}
<hr>

Со стилями

.form-control .__checkbox + .fa-check{
visibility: hidden;
}

.form-control .__checkbox:checked + .fa-check{
visibility: visible;
}



input.only_checkbox:not(:checked) + .fa-check {
visibility: hidden !important;
margin: 0 !important;
background-color: red !important;
}

input:not(:checked) + .fa-check {
visibility: hidden !important;
}

И теперь чекбокс переключается но осталось убрать оригинальный чекбокс который прячется с оберткой
toggle="buttons"...


А как это совместить ?
 

Спасибо, вижу разные классы:
Я переделал fa-check и в коде и в стилях:
 

<div data-toggle="buttons" class=" ">
<label class="btn btn-primary btn-sm padding_sm" aria-pressed="false">
<input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox">
<span class="fa fa-check" aria-hidden="true"></span>Clear
</label>
</div>

app.css:

input.only_checkbox:not(:checked) + .fa-check {
  visibility: hidden !important;
  margin: 0 !important;
  background-color: red !important;
}

input:not(:checked) + .fa-check {
  visibility: hidden !important;
}

Но по-прежнему не работает.Я еще что-то упустил?
 

Выложил старый проект, откуда и был взят этот код и где работает
войти на
login
с логином demo@com.ua / 111111
Потом перейти на
page
рядом с картинкой есть чекбокс для пометки “Clear”

Я что-то упустил при переносе на 4й или там какие-то нюансы дополнительно?
 

В 3-ем галочка устанавливалась и убиралась ...

Всем привет,

На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3
live
там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок
Код :

<div data-toggle="buttons" class=" ">
<label class="btn btn-primary btn-sm padding_sm" aria-pressed="false">
<input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear
</label>
</div>

С определением only_checkbox в style:
 

input.only_checkbox:not(:checked) + .fa-check {
visibility: hidden !important;
margin: 0 !important;
background-color: red !important;
}

input:not(:checked) + .fa-check {
visibility: hidden !important;
}

Чекбокс отображается но не переключается...

Или в 4 надо как-то иначе?

Спасибо!

Ну я походил по страницам materializecss - и там реализации доп текста как мне нужно не нашел.

поэтому и спросил может кто делал или видел похожее...

PS. Поделитесь ссылками на снипетсы/расширения с materializecss кроме  http://materializecss.com/...

Всем привет,
Обычное поле с лейблом в materializecss выглядит как :

<div class="row">
<div class="input-field col s12">
<input id="email" class="validate" type="email">
<label for="email" data-error="wrong" data-success="right" class="">Email</label>
</div>
</div>

Подскажите, как можно добавить ниже инпута что-то вроде доп текста:

<p class="help-block">Name of Attribute. Must be unique in system.</p>

Чтобы было красиво и в стиле materializecss ?

Спасибо !

Спасибо. помогло!

Всем привет,

При использовании materialize.js заметил что если для инпута

<div class="input-field col s6">
<input class="editable_field string_input validate valid" value="" id="drd_date_formatting_prefix" type="text" maxlength="50">
<label for="drd_date_formatting_prefix" class="active">Date formatting prefix</label>
</div>

програмно заполнить значением

$("#drd_date_formatting_prefix").val("_prefix")

то при открытии в модальном окне получается что лейбл отображается на инпуте и текст инпута и лейбла сливаются
Если мышкой кликнуть на инпуте а потом убрать - то лейбл возвращается на свое место...

Нужно выполнить обновление инпута?
Я нашел метод

material_select();

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

Спасибо!
 

Привет, Подскажите, 1) хочу освоить materializecss и просматривая доку на http://materializecss.com/

не вижу в materializecss возможности делать сетку в 12 колонок - что идин из- плюсов bootstrap-а.

Есть ли в materializecss возможность задать такую сетку или чем-то ее заменить ?2) Я в проекте программист и у нас есть отдельно верстальщик, так он совмещает в одних темплейте и bootstrap и materializecss вроде :

<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" />
<link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
<link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
<link href="assets/global/css/materialize.min.css" rel="stylesheet" type="text/css" />
<link href="assets/global/css/ghpages-materialize.css" rel="stylesheet" type="text/css" />

с кодом при определении поля редактирования:

<div class="row">

<div class="input-field col s12">

<i class="material-icons prefix">account_circle</i>
<input required type="text" name="form_user_modal_editor_username" id="form_user_modal_editor_username" maxlength="100" value="" class="validate" onchange="validateFormEnableOrDisable('form_user_modal_editor');" />
<label for="username">Username</label>

</div>

</div>

Это нормально совмещать в одних темплейте и bootstrap и materializecss ?
Изначально это был bootstrap проект...

Спасибо!

Всем привет,
Используя jquery validate модуль и submitHandler событие для верификации данных на клиенте
можно можно ли привязать валидные ли в данные в окне с тем чтобы кнопка "Submit" была задизейблена если данные не валидные или какое-то поле незаполнено ?
Если да то как и можно ли примерчик?
спасибо !

Спасибо, с чекбоксами все получилось, но с радио не работает:Несколько радиоэлементов заполянются в цикле :

{% for nextMailchimp in mailchimpLists %}
    <li class="padding_sm">  
         <input name="radion_mailchimp_list" id="radion_mailchimp_list_{{ nextMailchimp.list_id }}" type="radio" class="styling_radio"
                     value="{{ nextMailchimp.list_id }}" {% if current_mailchimp_list_id == nextMailchimp.list_id %}checked{% endif %} onchange="javascript:radion_mailchimp_listOnChange();">
        <label for="radion_mailchimp_list_{{ nextMailchimp.list_id }}">  {{ nextMailchimp.list_name }} with {{ nextMailchimp.member_count }} subscribed member(s)</label>

Ранее id и name  каждого элемента имели значение radion_mailchimp_list и радио работало
Теперь же чтобы работала стилизация в элементы id/name заполнил radion_mailchimp_list{ nextMailchimp.list_id }

И пересмтал работать код для определения текеущего элементы 

            var radion_mailchimp_list= $("#radion_mailchimp_list:checked").val()

А как правильно ?
 

3 hours ago, npofopr said:

У OpenServer и свой форум есть. 
1. Попробуйте под админом запускать
2. Возможно брендмауер не пропускает.

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

Подскажите, под Windows 8.1 установил
open_server_5_2_6_premium
Выбрал php7.0-x64
Устанавливаю phpmyadmin но при запуске phpmyadmin ссылка
http://127.0.0.1/openserver/phpmyadmin/index.php
выдает

Quote

 

Не удается получить доступ к сайту

Сайт 127.0.0.1 не позволяет установить соединение.
Попробуйте сделать следующее:
Проверьте подключение к Интернету.
Проверьте настройки прокси-сервера и брандмауэра.
ERR_CONNECTION_REFUSED

 

http://localhost/ -открывает страницу Open Server-а
http://localhost/info.php
Выдает
 

Quote

 

Не удается получить доступ к сайту

Сайт localhost не позволяет установить соединение.
Выполните поиск по запросу localhost info в Google
ERR_CONNECTION_REFUSED

 

Что у меня не настроено ?
В системе есть avast ...

  Спасибо !

Подскажите, как сделать чекбоксы вроде

http://imgur.com/a/NUfi0

совместимые с bootstrap ? Спасибо!

6 hours ago, klierik said:

Ааа, в этом смысле. Ну тут хз, ищи на забугорных сайтах. Беря во внмиание что 3.х давным давно deprecated, ничего свежего нет и не будет.

На сайте бустрапа вижу для скачивания currently v3.3.7 и Currently v4.0.0-alpha.6 - даже не бета 

Или по вашему бустрап сам по себе устарел ?

А что вы скажете насчет materializecss ? он лучше ?

Ну я как раз хотел попрактиковаться в натягивании готового темплейта  -такие задачи часто предлагают

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

Посоветуйте, пожалуйста хороший

free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или

платные или очень старые Хочется попрактиковаться...

Спасибо!

Подскажите, при отладке в Cromium ( Version 56.0.2924.76 Built on Ubuntu , running on Ubuntu 16.04 (64-bit) ) обычно DevTools оставляю открытой справа

http://imgur.com/a/72UfK
и нет ли возможности(или расширения) в случае если на закладках Console есть JS ошибка, а на закладке Newwork не найдены какие-либо файлы
каким-либо образом выделять эти закладки, что на них есть ошибки ?

Спасибо!

Всем привет, Есть небольшая респонсив табличка

с ограничением по высоте вертикальным скроллингом .dialog_table { max-height: 560px; overflow: scroll; } и последняя строка это summary. Но при такой реализации эта строка также уходит в скроллин, что не очень удобно. А как сделать чтобы эта последняя строка не скроллилась? Гуглом находил решения для заголовка, но не для summary. Спасибо!

Подскажите на странице Invalid post
Внизу список Latest Posts расположен криво - с пустыми местами заместо постов.

Эта проблема только на нескольких постах - на остальных (valid post ) нормально...

Как это исправить?

Спасибо!

Ну, частично заработал
фронтед работает, но вываливает варнинг :
 

Declaration of Bootstrap_Walker_Nav_Menu::start_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::start_lvl(&$output, $depth = 0, $args = Array) in <b>/mnt/_work_sdb8/wwwroot/megabassusa/dev-megabass/wp-content/themes/ghost/inc/walker.php</b> on line

Это при :

define('WP_DEBUG', false);
define('WP_MEMORY_LIMIT', '512M');

в wp-config.php

Не знаю, насколько этот варнинг критичен...

Подскажите, пытаюсь wp с сервера установить локально

1) скачал весь проект
2)В дампе базы поменял все вхождения внешнего сайта на локальный
3)В wp-config.php установил локальные параметры базы
4) Поискал и не нашел в системе ссылок на внешний сайт
И все равно при запуске лезет на /wp-admin/install.php

Что еще упустил ?
И дайте ссылки на такие описания если есть - гулглом находятся ссылки как ставить с нуля...

Спасибо!

Всем привет,
Есть небольшая респонсив табличка :

<div id="div_order_details_html"><div class="table-responsive dialog_table">



<table class="table table-bordered table-hover table-striped">

<thead>
<tr>

<th>Product</th>
<th>Sold</th>
<th>Price</th>
<th>Total</th>

</tr>
</thead>

<tbody>

<tr>

<td>

<a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank">

Woo Ninja,

</a>
<a href="http://local-wprods.com/admin/order/edit/14" class="a_link" target="_blank">
(00000001201702240002)
</a>

</td>
<td class="text-right">1</td>
<td class="text-right">$20.00</td>
<td class="text-right">$20.00</td>

</tr>
<tr>

<td>

<a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank">

Woo Ninja,

</a>
<a href="http://local-wprods.com/admin/order/edit/15" class="a_link" target="_blank">
(00000001201702250001)
</a>

</td>
<td class="text-right">2</td>
<td class="text-right">$20.00</td>
<td class="text-right">$40.00</td>

</tr>

<tr>

<td> </td>
<td class="text-right"><b>3</b></td>
<td class="text-right"> </td>
<td class="text-right"><b>$60.00</b></td>

</tr>

</tbody>

</table>

</div></div>

с ограничением по высоте вертикальным скроллингом

.dialog_table {
max-height: 560px;
overflow: scroll;
}

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

Спасибо!