2227 comments found.
Hi guys, ive got a question, how can i see de mini nav-bar on mobile with out click on the 3 horizontal line icon. do u know what i mean?
Hi
I think you meant sidebar. If yes, that’s not possible in current implementation – collapsed sidebar works only in desktop browsers, all sidebars on mobile look the same and are hidden by default.
Thanks
Hi, Eugene, I’d like to ask you about 2.2 or 2.3 versions. Do you speak about the versions of your product?
Hey
Not sure i understand. You want to discuss something? In this case of course, i’m always open for discussion
Thanks
я хотел бы вас только спросить 2.2 – 2.3 о которых вы упоминаете в дискуссии – это случайно не новые update версии? моя последняя версия 2.01
Нет нет, эти версии пока только планируются на октябрь/ноябрь 
спасибо! Прямо в данный момент пока у меня проблема только с .letter-icon-title, работающего совместно с .letter-icon. Когда вставляю в asp код всей вашей index.html page (layout 3) все выглядит нормально, но при использовании куска вашего кода (вместе с table-responsive) вижу только горизонтальную rounded letter. (нет разворота в круг) Проверил с различными dashboard – результат идентичный. Да и не в нем дело, посмотрю core.css. Ваш код в JS проверил вроде все нормально – в каждой строке tr ищется letter-icon
Дополнение: аналогичные проблемы имеют место прямо на вашем Index.html (я проверил только на layout 3), после удаления кажется даже части кода в page container
Мои извинения за поздний ответ.
Вам надо проверить названия классов в таблице и индикаторах. Но лучше посмотреть на ваш код, так как я не очень понимаю проблему, как и какая часть кода влияет на результат.
Естественно я не переименовываю классы и индикаторы, прямо используя куски вашего кода и свои задачи я давно решил иным способом на уровне бэккинга.. Я лишь помогаю Вам как тестер вашего кода, т.е я говорю о проблемах с классами .letter-icon-title и .letter-icon прямо В ВАШЕМ КОДЕ на ВАШЕЙ странице index.html. http://demo.interface.club/limitless/bs3/Template/layout_3/LTR/default/full/index.html. Там и смотрите. Этот код у вас используется для граббинга первого символа и вставки его в роунд. При этом класс .letter-icon-title работает, по моему мнению, НЕКОРРЕКТНО. Удалите на вашей странице часть кода, например, весь код относящийся к Daily sales stats.(точно не помню, Вы слишком поздно отвечаете). Я после этой операции наблюдаю отсутствие поиска первого символа, причем сразу во всех таблицах на ВАШЕЙ странице, а не у меня в коде. Мне показалось это любопытным, проверил index.html layout 1 – та же картинка.
Здесь проблема не в оставшемся коде, а в том как был удален кусок кода. Библиотека D3.js очень чувствительна к маркапу, это решено в последней версии (на бутстрапе 4, не на 3) и любые ошибки в конфигурации графиков не влияют на остальной код. Здесь же проблема не с .letter-icon-title, а с графиками, точней с тем как выглядит конфигурация. В любом случае спасибо за информацию, я попробую решить эту проблему в следующих версиях глобально.
У меня сложилось впечатление, что корректное удаление практически любых кусков кода в index.html, за исключением куска <!- Page header -> сразу же приводит к некорректной работе dashboard.js в части .letter-icon-title. В связи с этим для себя я сделал вывод, по возможности использовать бэкинг на уровне sql нежели отлаживать скрипты. Кстати, года 3 назад много дискутировал с сотрудниками Microsoft по поводу их излишнего, на мой взгляд, оптимизма с asp 5 тогда, ныне core – без наличия приемлимых UI core мало кому принесет реальную пользу. В итоге оказался прав …
Да, так и есть, в предыдущих версиях. Это может быть исправлено в версии на 3м бутстрапе, но надо для этого переделать не только 1 файл, а все JS настройки. Это займет время и я не уверен, что в этом есть смысл, так как все равно это исправлено в последней версии (переход на модульный JS).
В моем случае переделывать что – либо нет необходимости – все необходимые функции легко достигаются в back end. В свое время я хорошо науражнялся со многими UI на базе jQuery and Javascript с тем чтобы выработалась достаточная неприязнь к ним. Многие из них устойчиво работают при определенном расположении относительно друг друга на странице. Вы правильно показываете в описании, что некоторые библиотеки и располагать нужно в определенной последовательности. В свое время Фримен в своей книге об ASP показал, что из всего списка сервер контролов безопасно можно работать только с ListView and FormView. К сожалению, со многими наработками на клиенте дело обстоит ничуть не лучше.
Вы говорите, что в боотстрапе 4 таких явлений вроде не наблюдается, в связи с этим вопрос (впрочем, скорее всего некорректный) – много ли придется менять в коде при замене библиотек 3 на 4?
посмотрел бутстрап 4, переход на него нереален – начни с начала, начни с нуля …
В принципе переход не так сложен, если понять различия между версиями. Тут мы ничего поделать не можем, приходится следовать тренду – при полном изменении логики работы фреймворка, каждый может решить стоит ли переходить на новую версию или нет. Версия 4 далеко не идеальна, в ней своих косяков хватает. Более того, если нужна поддержка старых браузеров, я бы рекомендовал продолжать пользоваться 3-им.
Согласен. Но мне не нравится тренд бардака. Вводите на здоровье сколько угодно новых функций, но преемственность – то должна сохраняться – пример C# и т..д.. Модульность предполагает в т.ч. и сохранения старых функий, с введением новых – и этот процесс происходит бесконечно, в противном случае они не выдержат конкуренции – можно не сомневаться при таком подходе.
Согласен, но здесь уж не нам решать, у нас только выбор есть обновляться или нет. Учитывая то, что предыдущая версия осталась в maintenance mode, обновиться таки придется рано или поздно. Хотя лично мне больше нравится логика работы 4 версии, но апгрейд займет какое-то время, к сожалению.
Мне пока хватает 3-й версии. Опыт работы в достаточно известных американских компаниях также показывает, что там, в основном, также не спешат переходить на тот или иной инструмент до полной его обкатки. В этом смысле мне сложно представить, чтобы крупная компания в угоду нововведениям взялась бы переделывать к примеру дизайн сайта с 3.7 на 4.1, а через некоторое время и на следующую версию. Новые продукты – да они могут делаться на 4.1 и последующих версиях.
посмотрите form_inputs_basic.html. При использовании копии этой страницы в aspx нет отступа между input по вертикали. И это наблюдается при всех аналогичных применениях input. Обхожу этот дефект путем использования class=”form-group” в качестве обертки строки
Any chance this could be updated to Bootstrap 4.1.3? I know they’ve been adding in a ton of bug fixes from the original 4.0 release.
Hi
It’s 4.1.1 now, i am preparing a new release, but 4.1.3 has only a couple of minor bugs fixed so that they are pretty much the same. New update will come out next week.
Thanks
How to make FAB Menu go left or right instead top or bottom ?
and how to make table cell more smaller ? i want to make cell height width narrower
In theory yes, but you need to make a bunch of changes in CSS for that – add new classes, add new animations etc. I will consider it for future updates, but current version doesn’t support it.
Table padding – open _variables-core.scss file and change values for $table-cell-padding variable. And recompile scss files afterwards.
Thanks
Hi Eugene, I have 4 styled radio buttons (class=”form-check-input-styled”) on a page, they are disabled by default. I enable them when a checkbox is clicked. When I enable them by clicking the checkbox the radio buttons styling doesn’t change until I click on them….they get enabled but the stying stays the same. I’m using javascript to enable them:
document.adduser.f_rights_#project_name_id#[0].disabled = false;
Do you know of any reason as to why the styling doesn’t change when being enabled by javascript. I really want to use the styled radio buttons. Everything works as expected if I remove the styling.
Hello,
Do you get any JS errors in your console? The other thing to try is to update styling dynamically when checkbox is checked, just run this – $.uniform.update(); in checkbox\ onChange
Let me know please if that worked. Thanks
Hey Eugene, I had no errors in the console but your $.uniform.update(); worked, thank you so much!!
Hello, I recently purchased your template. i am using layout 5 with bootstrap 4 but it has no built in components, plugins or pages like eCommerce, login. Only navigation and started kit available. Can you guide me in this regard? Thanks.
Hello
5th layout is a child of 1st layout, which means all components from 1st layout are working in other layouts – CSS and JS are prepared, just add required markup from the 1st layout and it’s ready to go. It’s easier to maintain since there’s no need to edit same code pieces in all layouts/themes/directions, everything is stored in 1 layout only.
Thanks
.border-[side]-0 Any element Use this class to remove specific borders. Available [side] options: l – left, r – right, t – top, b – bottom, x – horizontal, y – vertical.
No .border-l-0, .border-r-0, .border-t-0, .border-b-0
Thanks for pointing this out, that was the initial idea, but was changed when Bootstrap added border utilities. Will be fixed in 2.1
Hello,
When will we have a new version?
Thanks!
Hello,
Soon. No ETA, but soon.
Thanks
Hello,
I’m looking to use the breadcrumbs in layout 5 boxed but I’m not able to get it to work/look properly. I didn’t see any examples for that and I’ve tried everything. Any suggestions on how to get breadcrumbs to work in layout 5 boxed?
Thanks!
Hey
Where and how do you want to show them?
Hey,
For the boxed layout I noticed there is a ‘container’ class that is used for proper sizing based on media queries so I thought I’d apply the same to the breadcrumbs code:
<div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
<div class="container">
...{{ breadcrumb starts here using your Breadcrumb - collapsible elements }}...
</div>
</div>
But compared to the other ‘container’ classes it doesn’t resize properly and is a littler different when resizing the browser.
I’m planning on placing the breadcrumbs right below the ‘navbar’ component.
Let me know if you have further questions. I was playing around with it and have it close but I can’t get the mobile version working properly with the ‘more’ dropdown.
Hey,
So correct set of class names would be
<div class="breadcrumb-line breadcrumb-line-dark header-elements-md-inline container border-0">
...
</div>
This is for default dark page header. In some cases additional color adjustments might be required, but this is the default behaviour.
Your solution requires .header-elements-md-inline class to be moved to .container as this is a flex parent. Also use utility classes whenever possible to avoid extra CSS.
Let me know if you have any further questions.
Thanks
Great! That did the trick – all set. Thanks!
Hello again,
Looking for some direction on the login_registration_advanced.html as it looks great on Layout 1 but it’s not exactly working the same way on Layout 5. It doesn’t float in the middle of the page and the footer doesn’t rest at the bottom of the browser window.
Do you have some insights on how I should built that? I know you said that the components, pages, etc. would transfer from layout to layout but login_registration_advanced.html in layout 5 doesn’t seem to work like it does in Layout 1.
I’m worried that it might be the case for most of the Service pages > Authentication pages too as they won’t work in Layout 5 the same way.
Cheers
Hello
All of them are exactly the same in all layouts, i think you need to pay more attention to class names in .content container 
Thanks
Hello,
Thanks, I was able to get it to work. Had an extra div wrapping around the .content container.
Cheers
There is no waterfall flow and merchandise details page.
I am sorry, but i have no idea what this means. Can you please be more specific?
Pinterest what?
I noticed that only the layout1 has the full demo in the new version, if i go to this one: http://demo.interface.club/limitless/bs4/Template/layout_3/LTR/default/full/index.html it only shows about 1/3 of the total pages including demos of all the components.
Does this mean that the exact same markup for layout_1 will result in the same look n’ feel? or that you guys are still working on finishing it for all other layouts?
Thanks
Hey
That is correct, all styles for all components exist in all layouts, they just don’t have a complete set of examples. So you can copy/paste markup from the main 1st layout to other layouts and they will work just fine. This is some sort of parent/children layouts thing, it’s much easier to maintain and i don’t need to fix something in 20 similar pages.
Thanks
Makes sense, thanks
Is it possible to modify the navigation “active” and “hover” colour without modifying the source files? Would love to know – thanks in advance.
Hey
Sorry for delay, long holiday.
Unfortunately no, this would require a lot of extra useless CSS code. But you can easily change any color in SCSS variables, new color will be applied globally to all stylings where that variable is used.
Thanks
Hey Eugene, 2 Questions. #1, I am using the 5th Layout (Material), what is the easiest way to make it full width? No margins/padding/ect on the sides? #2. Any word on a “fly-out” menu from the right side of the page? Something that would come out about 20/25% of page width and go from top to bottom? Awesome template, looking forward to next update
Hey
Very sorry for delay, long holiday.
You can edit $page-container-padding-x variable in _variables-custom.scss, combined padding is calculated dynamically in _content.scss, so in some cases that value needs minor adjustments.
Thanks
Hey Eugene, I’m using the navbar component and I was wondering if the active nav-item can be highlighted, kinda like the underline on the tabs component? I also wanted to check on the update to the material inputs as well.
Thanks.
Steve
Hey Steve
This thing is implemented in 5th layout, there is a block of SCSS code in _navbar.scss that adds underline to active item.
Material inputs – not top priority at the moment, thinking of 2.2 or 2.3. I’m going to push one more quick update this or next week with bug fixing and then i can finally get back to adding new stuff.
Thanks
Hi Eugine,
i was wondering if you could give us some exmaple on how to use / switch to different layouts via JS. is there any template to do this, e.g i am interested to use both layout 4 and layout 5 and change the page content size depending on each view of the application.
Thanks for your support, your product is amazing
cheers
Hey
Although this can be achieved, requires quite a lot of efforts – you need to update markup/css/paths on the fly. All layouts have different base styling, so first of all you need to replace CSS or change paths to them. Then markup also slightly differs. That’s a nice idea, but needs much more iterations.
Thanks
I have a left sidebar with navigation as on your main sample. I’m trying to do that when a submenu is open, if I click on the parent element, the element is taking place and I go to that page url. At the moment, when I click the submenu is closing or opening. Is there a why that the collapse action only happens when clicking on the arrow and not the full element? Or at least a way to deactivate the collapse action (I want to have submenues, but without collapsing when clicking on the parent)?
Hi
I have just replied back to your email, please check.
Thanks
I can’t find a demo for X-editable, please let me know if it’s supported in Bootstrap 4
X-Editable is not maintained anymore, it doesn’t work properly with latest versions of core libraries and components and was removed in 2.0. Too pity, that was a good component though..
Hello,
This is a great theme, amazing work! I appreciate the attention to detail and hard work you’ve put into it. I was curious when the page footer layouts would be coming out? If not soon, I can improvise but was curious if you had those ironed out and ready for release soon.
Cheers
Hello
No ETA yet, sorry. I am planning to roll out a new update in August with bug fixes and code improvements, after that i’ll keep adding new stuff.
Thanks
hi When I click into Form Wizard,
http://demo.interface.club/limitless/bs4/Template/layout_1/LTR/default/full/form_wizard.html in every example, when I click Next, and after that, I click Previous, the photo on the top will not back into the original number , can you fix that? thank youHi
Yes this can be changed, but i don’t consider it as a bug.
Thanks
Hi, how can i don’t show Search input in DropDownList using select2 plugin?
Hi
As documentation says, set minimumResultsForSearch option to Infinity
Thanks
Thanks.
