Jump to content

mstdmstd

User
  • Posts

    203
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by mstdmstd

  1. По-прежнему ищу решение Я переделал пример с тем чтобы в зависимости от параметры убирать 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 переключатель чекбокс не работает но оригинальный чекбокс не виден как исправить ? Спасибо!
  2. Я пытался следовать Вашим срветам но выяснил что и в моем первоначальном случае и в вашем надо было убрать обертку 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"... А как это совместить ?
  3. Спасибо, вижу разные классы: Я переделал 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; } Но по-прежнему не работает.Я еще что-то упустил?
  4. Выложил старый проект, откуда и был взят этот код и где работает войти на login с логином demo@com.ua / 111111 Потом перейти на page рядом с картинкой есть чекбокс для пометки “Clear” Я что-то упустил при переносе на 4й или там какие-то нюансы дополнительно?
  5. В 3-ем галочка устанавливалась и убиралась ...
  6. Всем привет, На сайт с 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 надо как-то иначе? Спасибо!
  7. Ну я походил по страницам materializecss - и там реализации доп текста как мне нужно не нашел. поэтому и спросил может кто делал или видел похожее... PS. Поделитесь ссылками на снипетсы/расширения с materializecss кроме http://materializecss.com/...
  8. Всем привет, Обычное поле с лейблом в 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 ? Спасибо !
  9. Всем привет, При использовании 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. Есть ли что похожее для инпутов? Спасибо!
  10. Привет, Подскажите, 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 проект... Спасибо!
  11. Всем привет, Используя jquery validate модуль и submitHandler событие для верификации данных на клиенте можно можно ли привязать валидные ли в данные в окне с тем чтобы кнопка "Submit" была задизейблена если данные не валидные или какое-то поле незаполнено ? Если да то как и можно ли примерчик? спасибо !
  12. Спасибо, с чекбоксами все получилось, но с радио не работает:Несколько радиоэлементов заполянются в цикле : {% 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() А как правильно ?
  13. подскажите можно ли брендмауер отключить для браузера или для программ запущенных в каталогах OpenServer?
  14. Подскажите, под Windows 8.1 установил open_server_5_2_6_premium Выбрал php7.0-x64 Устанавливаю phpmyadmin но при запуске phpmyadmin ссылка http://127.0.0.1/openserver/phpmyadmin/index.php выдает http://localhost/ -открывает страницу Open Server-а http://localhost/info.php Выдает Что у меня не настроено ? В системе есть avast ... Спасибо !
  15. Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!
  16. На сайте бустрапа вижу для скачивания currently v3.3.7 и Currently v4.0.0-alpha.6 - даже не бета Или по вашему бустрап сам по себе устарел ? А что вы скажете насчет materializecss ? он лучше ?
  17. Ну я как раз хотел попрактиковаться в натягивании готового темплейта -такие задачи часто предлагают Делать на базе фреймворка я пробовал - технически получается - но выглядит криво
  18. Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!
  19. Подскажите, при отладке в 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 не найдены какие-либо файлы каким-либо образом выделять эти закладки, что на них есть ошибки ? Спасибо!
  20. Всем привет, Есть небольшая респонсив табличка с ограничением по высоте вертикальным скроллингом .dialog_table { max-height: 560px; overflow: scroll; } и последняя строка это summary. Но при такой реализации эта строка также уходит в скроллин, что не очень удобно. А как сделать чтобы эта последняя строка не скроллилась? Гуглом находил решения для заголовка, но не для summary. Спасибо!
  21. Подскажите на странице Invalid post Внизу список Latest Posts расположен криво - с пустыми местами заместо постов. Эта проблема только на нескольких постах - на остальных (valid post ) нормально... Как это исправить? Спасибо!
  22. Ну, частично заработал фронтед работает, но вываливает варнинг : 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 Не знаю, насколько этот варнинг критичен...
  23. Подскажите, пытаюсь wp с сервера установить локально 1) скачал весь проект 2)В дампе базы поменял все вхождения внешнего сайта на локальный 3)В wp-config.php установил локальные параметры базы 4) Поискал и не нашел в системе ссылок на внешний сайт И все равно при запуске лезет на /wp-admin/install.php Что еще упустил ? И дайте ссылки на такие описания если есть - гулглом находятся ссылки как ставить с нуля... Спасибо!
  24. Всем привет, Есть небольшая респонсив табличка : <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. Спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy