mstdmstd

Пользователь
  • Публикации

    185
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О mstdmstd

  • Звание
    Участник
  1. https://jsfiddle.net/4hg9gqg3/2/
  2. По-прежнему ищу решение Я переделал пример с тем чтобы в зависимости от параметры убирать 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 переключатель чекбокс не работает но оригинальный чекбокс не виден как исправить ? Спасибо!
  3. Я пытался следовать Вашим срветам но выяснил что и в моем первоначальном случае и в вашем надо было убрать обертку 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"... А как это совместить ?
  4. Спасибо, вижу разные классы: Я переделал 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; } Но по-прежнему не работает.Я еще что-то упустил?
  5. Выложил старый проект, откуда и был взят этот код и где работает войти на login с логином demo@com.ua / 111111 Потом перейти на page рядом с картинкой есть чекбокс для пометки “Clear” Я что-то упустил при переносе на 4й или там какие-то нюансы дополнительно?
  6. В 3-ем галочка устанавливалась и убиралась ...
  7. Всем привет, На сайт с 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 надо как-то иначе? Спасибо!
  8. Ну я походил по страницам materializecss - и там реализации доп текста как мне нужно не нашел. поэтому и спросил может кто делал или видел похожее... PS. Поделитесь ссылками на снипетсы/расширения с materializecss кроме http://materializecss.com/...
  9. Всем привет, Обычное поле с лейблом в 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 ? Спасибо !
  10. Спасибо. помогло!
  11. Всем привет, При использовании 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. Есть ли что похожее для инпутов? Спасибо!
  12. Привет, Подскажите, 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 проект... Спасибо!
  13. Всем привет, Используя jquery validate модуль и submitHandler событие для верификации данных на клиенте можно можно ли привязать валидные ли в данные в окне с тем чтобы кнопка "Submit" была задизейблена если данные не валидные или какое-то поле незаполнено ? Если да то как и можно ли примерчик? спасибо !
  14. Спасибо, с чекбоксами все получилось, но с радио не работает:Несколько радиоэлементов заполянются в цикле : {% 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() А как правильно ?
  15. подскажите можно ли брендмауер отключить для браузера или для программ запущенных в каталогах OpenServer?