mstdmstd

Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при загрузке занята верхним меню и картинкой в заголовке. ССылка в браузере также невидима. И зачастую, чтобы понять, а что за страницу я открыл надо скроллировать окно в низ. Можно этот тег title в картинку в заголовкеот ображать. Но нет ли лучшего решения ? 3) Использую bootstrap datepicker и можно ли сделать такб чтобы на полях даты не открывалась клавиалтура при клике на этом поле? Спасибо!

А чем смотрите? В инспекторе обьектов моего Cromium я не могу найти этих определений...

Всем привет, На сайте ссылка есть верхнее меню и при выборе элемента с подэлементами сам элемент имеет синий бордюр, а бокс с подэлементами зеленый бордюр. Проблема в том, что на айфонах этот эеленый бордюр не виден. На более крупных девайсах виден. Эти бордюры определены в стилях .dropdown-toggle { width: 90%; border:2px solid #E3E3E3; } .dropdown-toggle:hover { width: 90%; border:2px solid #337AB7; } .dropdown-toggle .active{ border:2px solid #1FE13C; } В файле common_styles.css также для разных девайсов подключены разные стили Для айфонов через медиа запросы подлючается файл стилей style_xs_320.css (справо от меню я отображаю картинку с подключенным файлом стилей) и в нем нет ничего что перезаписывало бы стили выше... Непонимаю, почему не отображаются бордюры... Спасибо!

Всем привет, Я использую http://deviceponsive.com/ для тестирования на разных устройствах. и вижув нем такую проблему : часто я загружаю измененные файлы на сервер, чищу кеш темлейта(это twig), и перезапутcив окно, с которым я работаю( кликая в рабочем окне правой мышкой и Reload или CTRL+R для всей страницы ) вижу, что последние изменения не были применены, Использую Firefox 45.0.1 И в его настройках в Advansed->Network я нашел пункты Cached Web Content Offline Web Contentand User Data С возможностью чистить этот кеш вручную, но не помогает... В чем может быть проблема? Может есть аналочные сервисы для этого ? Спасибо!

Сорри , какие стили Вы имеете в виду? Я знаю что вместо писания style втемплейте лучше их выносить в классе, но разве в коде выше стили?

Спасибо! я добавил float: left в определение form-group : .form-horizontal .form-group { margin: 10px 0px 10px 0px; padding: 0px; border: 1px solid navy; float: left; } ряд редакторов оказались с поломанным дизайном, починить это я лейблы и контролы обернул в дивы с class="row" и "form-group col-sm-6 ", если хочу 2 инпута поместить на одной строке: <div class="row"> <div class="form-group col-sm-6 "> <label for="title" class="col-xs-12 col-sm-offset-1 col-sm-3 control-label">Title</label> <div class="col-xs-12 col-sm-6 col-sm-offset-right-2"> <input type="text" name="title" id="title" class="form-control " value="" size="30" maxlength="50" placeholder="Title of Banner. Must be unique in system"> </div> </div> <div class="form-group "> <label for="img" class="col-xs-12 col-sm-offset-1 col-sm-3 control-label">Img</label> <div class="col-xs-12 col-sm-6 col-sm-offset-right-2"> <input type="text" name="img" id="img" class="form-control " value="" readonly="" size="30" maxlength="50" placeholder="Img of Banner"> <a onclick="javascript:showBannerImage();" class="a_link">View</a><br> <input type="file" name="img_file_upload" id="img_file_upload" class="form-control "> <span> <span id="anchor_link_middle"></span> </span> <span> <a class="debugging_anchorlink top_margin" href="#anchor_link_top">top</a> <a class="debugging_anchorlink " href="#anchor_link_bottom">bottom</a> </span> </div> </div> </div> <div class="row"> <div class="form-group col-sm-6 "> <label for="descr" class="col-xs-12 col-sm-offset-1 col-sm-3 control-label">Description</label> <div class="col-xs-12 col-sm-6 col-sm-offset-right-2"> <input type="text" name="descr" id="descr" class="form-control " value="" size="50" maxlength="255" placeholder="Description of Banner"> </div> </div> <div class="form-group col-sm-6 "> <label for="href" class="col-xs-12 col-sm-offset-1 col-sm-3 control-label">Href</label> <div class="col-xs-12 col-sm-6 col-sm-offset-right-2"> <input type="text" name="href" id="href" class="form-control " value="" size="50" maxlength="50" placeholder="Last Name of Banner"> </div> </div> </div> Вроде наормально выглядит... Или можно как-то лучше ?

Значит при заданных стилях высота неправильна в 1м случае(Banner Editor) а в Tour Editor правильна ? Уточните пожалуйста для какого элемента float: left Вы имеете в виду ?

Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 10px 5px 10px 5px;*/ /*padding: 0px;*/ /*border: 0px solid navy;*/ /*margin: 5px;*/ /*margin: 10px 5px 5px 5px;*/ padding: 0px; border: 1px solid navy; /* DEBUGGING */ } .form-control { /*height: 30px;*/ /*color: #808080;*/ padding: 5px 5px 5px 5px; /*margin: 5px 0px 5px 0px;*/ /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9);*/ height: 34px; width: 100%; color: #808080; margin: auto; display: block; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9); border: 0px dotted red; /*DEBUGGING*/ } .form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.9); } Спасибо!

Я возможно, изначально плохо обьяснил чего хочу : row 1 : 2 инпута в 2 колонки row 2 : 1 инпут в 1й колонке и пустое место под второй клонкой - которое я и хочу как -то заполнить row 3 : 2 инпута в 2 колонки То есть row 2 / колонка 2 - пустая А row 3 / колонка 1 не налазит на кролонку выше. Строку на колонки я делю с помощью <div class="form-group col-sm-6 ">

То есть недостающие колонки справа заполнить <div class="col-sm-6"></div> ? Так будет лучше?

Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> <label for="name" class="col-sm-4 control-label">Name</label> <div class="col-sm-8"> <input type="text" name="name" id="name" class="form-control " value="mm mmmmm With very very very very very long name" size="30" maxlength="100" placeholder="name of Tour. Must be unique in system"> </div> </div> <div class="form-group col-sm-6 "> <label for="email" class="col-sm-4 control-label">Email</label> <div class="col-sm-8"> <input type="text" name="email" id="email" class="form-control " value="fsddfdf@jhsfa.com" size="30" maxlength="50" placeholder="Email of Tour. Must be unique in system"> </div> </div> <div class="row"></div> <div class="form-group col-sm-6 "> <label for="website" class="col-sm-4 control-label">Website</label> <div class="col-sm-8"> <input type="text" name="website" id="website" class="form-control " value="Website.com" size="30" maxlength="150" placeholder="Website of Tour. Must be valid url"> </div> </div> Но после 3-его поля email хочется следующие поля(начиная с Website) выводить с новой строки и для этого я вставил див с class="row". Это вроде работает, но хорошее дли это решение и можно ли сделать лучше ? Спасибо !

Посмотрите, пожалуйста, еще несколько страниц в админке : Интересует верстка на различных устройствах. Функционально работает не все - но это не важно... Вход http://dev4.softreactor.com/main/login как test_admin@mail.com 88iT8106 список и редактор банеров http://dev4.softreactor.com/admin/banner/index/ + редактор Паджинация, сортировка кликом на заголовке списка, добавление, редактирования, удаление данных. Вывод ошибок при вводе неправильных данных. список и редактор туров http://dev4.softreactor.com /admin/tour/index Паджинация, сортировка кликом на заголовке списка, добавление, редактирования, удаление данных. Вывод ошибок при вводе неправильных данных. Список имеет кнопку фильтра с попапом для выбора фильтров. Для работы с редактором сначала нужно выбрать оператора. Например "Operator_2"- он с данными. Редактор состоит из нескольких закладок - для редактирования http://dev4.softreactor.com/admin/tour/edit/26/page/1/filter_feature/F/filter_status/A На закладке "Information & Highlights" можно добавить/удалить Highlights. На закладке "Image Gallery" можно добавить/удалить картинки без перегрузки страницы . На закладках "Tour Enquiries" и "Tour Reviews" можно просмотреть/удалить элементы без создания новых . список и редактор прользователей http://dev4.softreactor.com/admin/contributor/index Паджинация, сортировка кликом на заголовке списка, добавление, редактирования, удаление данных. Вывод ошибок при вводе неправильных данных. Список имеет кнопку фильтра с попапом для выбора фильтров. Редактр профайла http://dev4.softreactor.com/myprofile/index

Сначала первый способ, В стилях я прописал : @font-face { font-family: MyRobotoRegular; src: url(fonts/Roboto-Regular.ttf); } @font-face { font-family: MyRobotoBoldItalic; src: url(fonts/Roboto-BoldItalic.ttf); } @font-face { font-family: MyRobotoBold; src: url(fonts/Roboto-Bold.ttf); } @font-face { font-family: MyRobotoItalic; src: url(fonts/Roboto-Italic.ttf); } ... body { font-family: 'MyRobotoRegular', Arial, Verdana, Tahoma, sans-serif; И теперь получается что что MyRobotoRegular - основной фонт моего класса? Если же мне нужно к этому фонту добавить свойства Bold, Italic b если эти свойства добавить в стилях - то это работать не будет, а надо назначать font-family,... Так? Джулия а предлагаемый Вами способ лучше ? И подскажите какой-нить фонт который наверняка есть в системе с очень отличным видом - хочется для тестирования если мой фонт не найден...

Всем привет, Хочу добавить в свой сайт шрифт Roboto Для этого захожу на https://www.google.com/fonts и выбираю настройки вроде &nbsp; &nbsp; &nbsp; &nbsp;<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'> Мне крайне не нравится что при способе с внешней ссылкой при работе на локальном сервере сайт лезет на гугл Это инода заметно тормозит Поэтому нашел ссылку и скачал файл fonts-master.zip в 262 MiB Судя по всему это ВСЕ файлы гугла? В каталоге Roboto есть файлы : METADATA.pb Roboto-BlackItalic.ttf Roboto-Black.ttf Roboto-BoldItalic.ttf Roboto-Bold.ttf Roboto-Italic.ttf Roboto-LightItalic.ttf Roboto-Light.ttf Roboto-MediumItalic.ttf Roboto-Medium.ttf Roboto-Regular.ttf Roboto-ThinItalic.ttf Roboto-Thin.ttf Тут http://htmlbook.ru/blog/svoi-shrift-na-stranitse я нашел как подгрузить свой фонт Но в описании подгружается 1 файл а каков синтаксис для нескольких файлов? И какие файлы мне нужны Я хочу normal, bold, italic? Спасибо !

Спасибо за помощь! Верхнее меню подправил но 1) Не нашел где прописан синий цвет для бордюра кликнутого верхнего пункта меню и 2) как сделать чтобы облать между верхним меню и нижним списком была без бордюров как на ваших списках Использовал псеводклассы для списков в http://dev4.softreactor.com/admin/dashboard/index (также можно посмотреть тут http://dev4.softreactor.com/admin/tour/index/page/1) Да сайт верстаю сам на основе моего прошлого проекта Мне ранее попадались статьи о правильном подборе цветов для сайта со ссылкой на color.adobe.com сайт Открыв этот сайт и выбрав для триады светло-серый цвет #E3E3E3(для фона сайта) в цетральную ячейку и поелозив мышкой я получил цвета которые показалсь мне приятными: или ссылка https://color.adobe.com/create/color-wheel/?base=2&rule=Triad&selected=1&name=My Color Theme&mode=rgb&rgbvalues=0.780392156862745,0.17332578104025564,0.5923143880811694,0.8901960784313725,0.7744120109851202,0.13141021019512342,0.8901960784313725,0.8901960784313725,0.8901960784313725,0.6901960784313725,0.7591813102962898,0.7607843137254902,0.11286346640324883,0.5793562294004106,0.5901960784313725&swatchOrder=0,1,2,3,4 Взникли вопросы: 1) А собственно почему 5 цветов? Понятие триада как бы подразумевает 3 ? 2) Как лучше использовать выбранные цвета для элементов сайта ? В данном случае для админке есть Списки с данными с заголовком строка с заголовком таблицы непосредственно таблица с данными с 3 альтерантивными цветами для разных строк и строкой под мышкой кнопки привязанные к списку(создание нового элемента и фильтра) строка сообщений списка/редактора строка с ссылками паджинации Выглядит так: Редактор поля ввода с лейблами сообщения об ошибках ввода табы для больших редакторов подсписки с данными и попап окнами для редактирования Также общие элеиенты строка сообщений, меню, заголовок, футер. Поделитесь как использовать 3(или 5) выбранных ранее цветов для этих элементов(и других более мелких)? Получается чтобы не было много цветов - надо все элементы группировать по 3(5?) цветам? Я перезалил базу и поменял логин админа dev4.softreactor.com/main/login test_admin@mail.com M1R1vizk Или пересоздать аккаунт для оператора ии ЕЩЕ ВОПРОС А вАМ ПРИШЕЛ ЕМЕЙЛ ПРИ РЕГИСТРАЦИИ ? тАМ

PS. Эта опция недоступна для оператора Зайдите в систему под админом что я давал в самом начале...

Спасибо за помощь! >>>если смотреть конкретно только эти страницы - то те же скачки происходят при наведении на ссылки и на лого(у картинке надо бэкграунд сделать прозрачным,а то сейчас она на белом фоне). скачки убрал и картинку поменял с прозрачным бэкграундом >>>страница http://dev4.softreactor.com/admin/dashboard/index >>>В таблице Hostel Listings и Tour Listings - наведение на строку срабатывает только на чётных строках..так должно быть? Видимо да так как в настройках таблицы заданы классы "table table-striped table-bordered table-hover table-condensed" Если убрать класс table-striped - то подсвечиваются все строки но тогда ВСЕ строки одного цвета >>>и эти таблицы не ровные,ячейки разные(почему-то у заголовка Hostel Listings нижний паддинг равен 0). Убрал И еще подскажите пожалуйста а как лучше к сделать строку состояния вверху "You have 3 Active Operators No operator selected (You are watching data of )" Там выводятся какие-то общие сообщения для залогинившегося юзера. не знаю как сделать лучше - то что сейчас не очень нравится... >>>И выпадающие списки вверху в меню серого цвета фона..плохо смотрится. Для выпадающего подменю сделал бордюр и подменю немного светлей. стало лучше? >>>по странице http://dev4.softreactor.com/admin/hostel/hostelstep1 >>>разные отступы слева в инпутах с текстом и инпутах селект Это не понятно Я лейблы прижимал справо к инпуту Можно ли принтскрин где Вы полагаете отступы должны быть другими? Или Вы имеете в виду чо лейблы лучше выравнивать слева? >>>по цветовой гамме смотрите сами,но зелёный цвет форм и шагов(#7b9f35) смотрится не очень..я бы поменяла на синий(#337ab7) - на сайте не должно быть очень много разных цветов. Поменял. Теперь фон стал как и топ заголовок с тектсом "Hostel Management->New Hostel : Step 1". Думаете так лучше? И можно чуть подробнее о "на сайте не должно быть очень много разных цветов" Может, ссылку где это описано... Подобрать цвета на сайт довольно сложно... >>>и по шрифту посмотрите: если используете Helvetica, то подгружайте его для пользователей,иначе у меня,например, в системе не установлен этот шрифт и шрифт меняется на ваш указанный вторым - Arial. А какой набор шрифтов Вы бы предложили чтобы меньше заморачиваться со шрифтами на данном этапе? Я добавил для всей страницы body { ... font-family: "MS Sans Serif", Geneva, sans-serif ; } ... PS. И Вы не могли бы проверить в айфоне или айпаде?

В самом 1ом сообщении были ссылки страниц что я просил посмотреть http://dev4.softreactor.com/admin/hostel/hostelstep1 и http://dev4.softreactor.com/admin/dashboard/index

И по страницам визарда никаких коментариев? Все так хорошо илои все так плохо?

Всем привет, Есть такой bootstrap-овский плагин для множественного выбора bootstrap-multiselect Вопрос в том что перенесенный в проект код не работает как следует - список элементов постоянно отображается: Моя ссылка В консоле ошибок нет, необходимые файлы подключены...

Всем привет, На ссылке инпуты выполняют функции чекбоксов с 2мя состояниями link А можно ли сделать что-нибудь подобное но с 3мя состояниями? Спасибо !

Спасибо, но можно ли немного о страницах визарда в админке? Эти страницы доделаны - остальные пока не надо --я еще буду над ними работать... В систему нормальо вошли под данным логином?

Всем привет, Кому не сложно, просмотрите, пожалуйста верстку для 6 страниц визарда создания нового хостела. login test_admin@mail.com 1S8cXGW9 1я страница визарда hostelstep1 При открытии новой страницы должны быть заполнены данными по дефолту На странице с картинками(Step 5) загрузите несколько картинок также кроме введенных данных также, плиз, кликните сохранить с инвалидными данными, чтобы увидеть отображение ошибок... также index страница админки dashboard Это бутстрап - я делал для айпадов, но чтобы работало и на смартфонах. Я понимаю, что сделать админку для смартфона сложно - но один из моих предыдущих клиентов просих делать и для смартфонов - чтобы можно было при необходимости зайти и что-то отредактировать из смартфона ... Спасибо ! =============

Спасибо за ссылку, но она требует разьяснений: 1) Первая картинка не отображается так как cайт http://avataris.ru/ недоступен. Я поменял 1ю картинку: jsfiddle Но что это за библиотека? Я не вижу какие файлы подключены? Это ведь чистый Javascript ? и он респонсив?

Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?