607 comments found.
Please i want add multiple language option especially (arabic ,english) which mean change direction from right to left and left to right
Hi AOAli,
RTL updates are coming soon and will be available for free to all the existing buyers, however it’s likely that we won’t cover all of the themes at once but with multiple updates. Which of the included themes are you planning to use with RTL?
Thank you for your interest.
please i need to know how to unpack the themes on netbeans
Hi,
ThemeKit includes a static version with standard HTML, CSS, images and JavaScript files and is located within the dist/ directory of your download. You should be able to use that with any IDE or code editor.
Thank you.
Hi the author. I’ve purchased this theme and send two comments here as I need some supports but don’t get any reply. Is this the right place to ask for support ?
Hi hung5s,
We apologise for the delay. This is the right place to ask any question. We’ve answered directly to each of your questions. Please check the initial comments.
Thank you.
Hi team!
About the last update (January 19 2015), what’s new? Something exciting like the merge-row system? 
Is there any kind of chanelog to view the changes?
Thank you very much
Hi Hygea,
We’ve summarized the updates twords the bottom of our presentation and also provided a link to an extended change log:
http://preview.mosaicpro.biz/tk/dist/themes/default/changelog.html#3.6.1Thanks,
mosaicpro.
Has the Datepickers been updated? Because mine has also stopped working randomly. When i click the input field it does not pop up with the box but it was working earlier on.
I am using the syntax from test pages in theme1
Hi tyrenzo,
Yes we’ve extended the datepickers.
See it in action: http://cdn.mosaicpro.biz/themekit-3.6.1/dist/themes/social-1/forms.htmlThanks,
mosaicpro.
Any plan to support retina resolution? Tried to double the size of images but they just appeared the actual size. Took a 50×50 image and put a 100×100 image there.
Hi codepeak,
At the moment we have a strong to do list on which we just added the retina display but for the upcoming updates we plan on giving all our time to things like Angular, RTL and further extending the Admin with components and multiple skins(designs).
Thanks,
mosaicpro
Hello,
I’ve found small issue on navbar. When I using standard navbar everything is good but when I add .navbar-size-large class on the main navbar container, navbar is going to be down main container.
Please check screenshoots.
Standard: http://i.imgur.com/qJKumgT.jpg Big Size: http://i.imgur.com/JQYexWw.jpg
Can you please confirm this and update next release.
Thank you very much.
Hi,
This is not an issue.
You simply have to let the layout know you’re using a large navbar.
You can do that by replacing ls-top-navbar class from the <html> element with ls-top-navbar-large;
Thank you so much.
Hi,
ThemeKit includes multiple themes and can only be purchased as a whole, however after purchasing you will find all the themes separated within your download.
ThemeKit is a static front-end product and includes HTML, CSS, JavaScript and images for each of the themes included and as such it can be implemented with any server side language, framework or CMS like Joomla or WordPress. However, this is not a ready Joomla theme and you will have to make the implementation yourself, as we don’t offer support for third party implementations.
Thank you.
- Select2/Selectize support. It is hard to implemente thoose libraries, which are fundamental in most websites, because they work with BS3 but not with ThemeKit, things are a bit messed up, dropdowns backgrounds, navbar search gets totally mesed up. The fixes are pretty easy, I did them by myself but i think you can do it better.
-
Better LESS code.
by this I mean creating a main LESS file for the final user, where we can put some global variables for everything, for example a global path for images or fonts. A Brand color which will implement the “bold like” values you did.
This is an important improvement at least for me, because I’m using Symfony2 and I needed to change every single path and change core LESS stuff of your theme that gets overwritten when you update it…
I think that there are tons of folders with files in them with just 8 characters, 3 words or 2 lines… Maybe you could create less files with more content to minify the exploration when editing LESS files, reduce redundance in some files and make it easier to work with. As I said, I’ve changed a lot of less files for just 1 or 2 parameters, but 20+ files were edited, now with the update I need to DIFF everything to make it work again
I didn’t took a look at the /vendors folder so much, but there is Bootstrap3, Font-Awesome and some more things that aren’t needed (I think) because we are also using bower, and some less files references both, bower and vendors folders for Bootstrap3 -
More components classes for example I’ve created
ul.breadcrumb-listwhich adds/slashes for each element but last one, it’s a stupid class but there are more we can find useful. Using @for loops (there is a library at github) to create a.bg-XXXclasses for each color etc. -
Learning theme.
-
More views please. I think that list/grid views needs more “stuff” for example on our learning website we have Degrees, Specialities, Documents attached and more stuff that we are showing, essential data. But this theme has “big” blocks for showing stuff with a lot of empty space, I don’t know how to explain but I think it can be improved.
We have some views to perform CRUD also, where someone can insert documents, create their own exercises, exams or whatever. Maybe you can make a great CRUD pages.
As a learning website, we also offer real time learning with teachers, our design is very specific so maybe won’t fit for everyone, but at least some chat window (but not the chat the theme has ATM on the sidebar), I don’t know.
Hi startiaco,
Thank you for taking the time to provide us with your feedback.
Select2/Selectize support. It is hard to implemente thoose libraries, which are fundamental in most websites …
Select2 support is coming with the next release.
Better LESS code. by this I mean creating a main LESS file for the final user, where we can put some global variables for everything, for example a global path for images or fonts …
We’d like to see the setup you’re using for Symfony2, if possible to help us better understand your workflow. If you’d like to, just send us the entire less directory with your customisations – contact [at] mosaicpro.biz
More components classes for example I’ve created ul.breadcrumb-list ..
Absolutely. Breadcrumbs and a lot more components are on the list for the next releases. If you have any, we’d like to hear more suggestions for component improvements and additions.
Using @for loops (there is a library at github) to create a .bg-XXX classes for each color etc…
You should have a look at the color kit included with ThemeKit. We already provide probably a few thousand classes just for colours.
I didn’t took a look at the /vendors folder so much, but there is Bootstrap3, Font-Awesome and some more things that aren’t needed ..
This is under review and it will probably change. Initially, it was needed for LESS to SASS conversion but currently the SASS conversion is not functional because of the major structural changes with the last few updates – we’ll cover these aspects soon.
Learning theme. More views please. I think that list/grid views needs more “stuff” for example on our learning website we have Degrees, Specialities, Documents attached and more stuff that we are showing, essential data …
Definitely needs improvement and most likely we’ll dedicate an entire update just for the learning theme. We’ll have to study some real world samples.
We have some views to perform CRUD also, where someone can insert documents, create their own exercises, exams or whatever. Maybe you can make a great CRUD pages.
Added to the list.
Thank you.
mosaicpro.
I’ve deleted my SASS/LESS stuff because it was a mess so I can’t help you with that now 
I’m using your compiled CSS so it’s more easy.
BTW I’m trying to use the precompiled JS files (even one only) with my own JS files (I’m using RequireJS) but it’s impossible to work with… Everything is undefined, missing or whatever.
I’m using jQuery,Angular and bunch other stuff perfectly in my js files, but whenever I try to import, for example vendor-core.js, it doesn’t work so I desisted… I’m using raw <script> tags for your JS files so they can work, maybe there is a way to load your stuff without your RequireJS code (I don’t know, but this may be the cause)
CSS of tickets page is scattering.
https://www.dropbox.com/s/x8odlkc4qbflzve/Screenshot%202015-01-15%2023.29.45.png?dl=0Already fixed, an update will be available soon.
Thank you.
This theme is almost perfect for my present project. The below are my reservations.
1. The map listing doesn’t contain cluster map makers.
2. Adding several points when adding an item on the edit map is not necessary, how do I disable that multiple points on the map?
I want the users to click on the map and the address loaded automatically in the address bar
3. I dont know how to use grunt, bower or less. I just have basic HTML/CSS/JavaScripts knowledge. How do I just download and use the theme by just editing the files directly using Netbeans IDE?
Regards
Hi komputa,
We apologise for the delay. We’ve been using most of our time working on updates to improve ThemeKit.
1. The map listing doesn’t contain cluster map makers.
This feature is on our todo list and will be available shortly with the following updates. Note that all updates are free for existing buyers.
2. Adding several points when adding an item on the edit map is not necessary, how do I disable that multiple points on the map?
If you refer to the already loaded markers, simply remove the HTML5 attribute data-file=”path/to/markers-edit.json” on the map container and nothing will be loaded on the map.
3. I dont know how to use grunt, bower or less. I just have basic HTML/CSS/JavaScripts knowledge. How do I just download and use the theme by just editing the files directly using Netbeans IDE?
Using the developer tools is not necessary as all the themes are available as a static version within the dist/ folder – with HTML, CSS, images and JavaScript. Using grunt, bower or LESS is only required when working with the source files included with the dev/ directory.
Thank you.
Hi, another question is about bootstrap.css. Looks like it’s bundled with the default.css. How do i extract it out ?
Hi hung5s,
Sorry for the delayed response. It was due to the pending update that sorted the file separation. With the latest update 3.6.1 we’ve improved the following:
- Loading separate vendor.css with styling for 3rd party libraries;
- Loading theme-core.css with custom styling for the theme;
- Loading separate CSS modules for the entire UI framework;
- As an alternative, we provide theme-bundle.css which includes both theme-core.css and all the UI modules;
- Loading separate vendor script bundles with scripts for 3rd party libraries;
- Loading separate JS modules for the entire UI framework;
- Loading separate theme-core.js for some themes; Includes the custom JavaScript specific for the theme; The file has to be loaded in addition to the standalone JS modules;
- module-bundle-main.js already includes theme-core.js so this should be loaded ONLY when using the standalone JS modules;
Thank you for you patience, mosaicpro.
Hi, I don’t want the way bootstrap.js and jquery.js are bundled in the vendor.bundle.all.js file. Is there a way to have another vendor.bundle.all.js that not having these file ?
Also, where can i find a document about what JS libraries are bundled in this file ?
Thanks
Hi hung5s,
We apologize for the delay.
I don’t want the way bootstrap.js and jquery.js are bundled in the vendor.bundle.all.js file. Is there a way to have another vendor.bundle.all.js that not having these file?
Yes. Please check the latest HTML source of the header and footer in any of the theme pages from the dist folder as we’ve included all options and explanations.
Also, where can i find a document about what JS libraries are bundled in this file?
See dev/_grunt.config.json the JSON entry “vendor_css” contains the list of files used for the styling vendor bundle and “concat” and “browserify” entries within the same file contain the list of scripts included in every bundle.
Thank you.
Hi,
I purchased your themekit thinking it was a group of theme/templates I could configure using the wordpress dashboard. Now that I have it I realize it is more developer centric. I’ve been researching like crazy into grunt, less, etc. as that interests me for future education but I was wondering if you could help point me in the direction to begin using these as simply as possible?
For instance, what do I need in order to just get them on the web? Then I assume I can start messing with the code to change things? Or is there a point where wordpress dashboard can be used for configuring?
Thank you!
Hi I just want to know does the social network theme actually work like a social network site or is it simply just the look of a social network, like does the functionality of it actually work like the way facebook works
Hi RunamukRecords,
We apologise for the delay. To answer your question, ThemeKit is a static item and includes HTML, CSS, images and JavaScript files – so as you said yourself – it provides the user interface (the look).
Thank you for your interest.
Oh right, thank you very much for your response 
Hello,
It seems that the tabs are completely broken on all my website i am using this theme on. They were working now none of them are?
Cheers
Hi tyrenzo,
The tabs are working in the live demo.
What version were you using before when they were working and what version are you using now?
Please show us a sample of HTML markup for the tabs you’re currently using.
Also, what does “completely broken” mean? We’d like to see a screen shot if possible.
Thank you.
None of the tabs move to the next content. It happens to all of my websites i have been using them in. I don’t think I have updated?
<!- Most Recent
- Most Frequent
- Favourites
- My Food
Recent Food
<!| <input type=”checkbox” name=”checkbox” id=”checkAll”> | Food Name | Food Amount | <?php foreach ($recents as $recent){ ?> <?php $foodID = $recent->foodID; ?>
|---|---|---|
| {{ Form::checkbox(‘foodID[’.$foodID.’]’, $recent->foodID) }} | {{$recent->foodName}} | {{ Form::text(‘foodWeight[’.$foodID.’]’, Input::old(‘foodAmount’), array(‘placeholder’ => ‘Per 100 Grams’, ‘class’ => ‘form-control’)) }} |
Recent Food
<!| <input type=”checkbox” name=”checkbox” id=”checkAll”> | Food Name | Food Amount | <?php foreach ($frequents as $frequent){ ?>
|---|---|---|
| <input type=”checkbox”> | {{$frequent->foodName}} | {{ Form::text(‘foodAmount’, Input::old(‘foodAmount’), array(‘placeholder’ => ‘In Grams’, ‘class’ => ‘form-control’)) }} |
Icon + Text Regular
Ab accusamus aperiam consequatur ducimus ea eos est, non omnis porro possimus praesentium, provident quam quibusdam quidem quo suscipit voluptate? Aperiam, dolorum eaque labore natus placeat sint totam. Cupiditate eos explicabo fugiat labore natus officia quidem sed ullam veniam voluptatibus. Consequatur, ducimus id, iste modi nesciunt nostrum obcaecati odit porro quaerat quibusdam quisquam, sequi similique vero. Adipisci aliquid at aut culpa cumque distinctio earum esse eveniet excepturi exercitationem harum illum in iste laudantium mollitia, nulla numquam perferendis perspiciatis porro qui, quo quod ratione similique suscipit temporibus ullam voluptas voluptates! Aperiam atque dolor excepturi illum in, magnam nemo quidem tempora vitae.Icon + Text Regular
Aliquam distinctio eligendi eos iure maiores molestiae praesentium. Aliquam aliquid architecto at blanditiis dignissimos doloremque esse et eveniet ex excepturi expedita ipsam itaque iusto minima nisi nobis, numquam, odit omnis quae quaerat quas quisquam ratione sapiente, sint sit suscipit voluptas! Illum libero tempora velit. Accusamus animi aut beatae cupiditate dignissimos dolore eligendi exercitationem id maiores maxime necessitatibus, nisi non omnis quis quos reiciendis repellat vel. Aperiam asperiores at aut blanditiis consequatur consequuntur cumque ex exercitationem explicabo fuga impedit incidunt ipsam iusto libero minus nostrum nulla obcaecati omnis optio provident quae quaerat, quia quibusdam reiciendis sed, sunt tenetur? Hic tempora, vel! <!Yes, the markup has changed. Please have a look at the latest HTML source on the tabs page (Essentials Kit).
<!-- Tabbable Widget -->
<div class="tabbable">
<!-- Tabs -->
<ul class="nav nav-tabs">
...
</ul>
<!-- // END Tabs -->
<!-- Panes -->
<div class="tab-content">
...
</div>
<!-- // END Panes -->
</div>
<!-- // END Tabbable Widget -->
Hi!
Great theme, congratulations! The new developer enviroment is great!
I’m updating from the old release social v2.0.0 but unfortunately this new theme has lost the “row-merge” system, very useful. I use this feature and another extra views from the old release like “medical”.
¿It’s possible to bring back this features and views?
On the other hand, how can I build the old release using the new enviroment system (grunt, vagrant, etc.)?
Thanks in advance
Hi Hygea,
Thank you for your appreciation!
Starting with v3.0.0 ThemeKit was rewritten from the groud up and it’s been developing into a solid UI framework since.
Unfortunately, building v2 on this environment is not possible, however, as you can see from our update releases, we’re gradually introducing new themes and features.
Apart from the .row-merge (which will probably be available with the next releases), please let us know what features and views you found most useful and you think are still missing and we’ll gladly consider adding them to our growing todo list.
Thank you.
Thank you very much for your quick response!
I think it’s possible to build all the old content with the row-merge functionality and the new kit, so please make it available as soon as possible
A good nice-to-have could be to have the old “extra” section into the new social-1 site. ¿It’s very difficult?
Hi,
I tried to install vagrant but I received alot of npm errors while executing vagrant up. below is an example of the error message
npm ERR! > default: fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:171:23 > default: npm ERR! fstream_stack /usr/lib/nodejs/mkdirp/index.js:37:53 > default: npm ERR! fstream_stack Object.oncomplete (fs.js:107:15) > default: npm > default: ERR! error rolling back Error: UNKNOWN, unlink '/home/vagrant/social/dev/node_modules/bower/node_modules/insight/node_modules/tough-cookie/lib/cookie.js' > default: npm ERR! error rolling back insight@0.4.3 { [Error: UNKNOWN, unlink ’/home/vagrant/social/dev/node_modules/bower/node_modules/insight/node_modules/tough-cookie/lib/cookie.js’] > default: npm ERR! error rolling back errno: -1, > default: npm ERR! error rolling back code: ‘UNKNOWN’, > default: npm ERR! error rolling back path: '/home/vagrant/social/dev/node_modules/bower/node_modules/insight/node_modules/tough-cookie/lib/cookie.js' } > default: npm http GET https://registry.npmjs.org/wrappyCan you kindly help ?
Can you ssh into the vagrant environment? If you can, after ssh, from /home/vagrant/social/dev try to run npm install yourself see if you get any errors. Also try build a theme with grunt --theme social-1 build:dist and let us know how it worked.
Hi,
I’m still getting error when i SSH in and npm install npm ERR! System Linux 3.13.0-36-generic npm ERR! command ”/usr/bin/nodejs” ”/usr/bin/npm” “install” npm ERR! cwd /home/vagrant/social/dev npm ERR! node -v v0.10.25 npm ERR! npm -v 1.3.10 npm ERR! path /home/vagrant/social/dev/node_modules/watchify/node_modules/browserify/node_modules/insert-module-globals/node_modules/combine-source-map/node_modules/source-map npm ERR! fstream_path /home/vagrant/social/dev/node_modules/watchify/node_modules/browserify/node_modules/insert-module-globals/node_modules/combine-source-map/node_modules/source-map npm ERR! fstream_type Directory npm ERR! fstream_class DirWriter npm ERR! code UNKNOWN npm ERR! errno -1 npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/dir-writer.js:36:23 npm ERR! fstream_stack /usr/lib/nodejs/mkdirp/index.js:37:53 npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
Lots of errors I notice if fstream
And the following when i run grunt Fatal error: Unable to find local grunt.
try run npm install again with sudo: sudo npm install
I have a few questions again:
1. Does this theme contain a usable calender?
2. Does this theme contain usable graphs?
3. Does this theme contain modals?
4. Does this theme contain form wizards?
5. Does this theme contain editable elements, for example clicking on a word and a small modal box appears with the ability to edit it.
6. Can i find any other theme features? For example like tiled dashboard icons ?
Cheers
Hi tyrenzo,
Unfortunately, these elements are still not available, but the good news is that your list is spot on with our todo list. With the next few updates we’ll be focusing on the admin theme and UI components for business as well as general UI components such as modals and form wizards.
If you have any other suggestions, please let us know and we’ll be glad to add them to our list.
Thank you.
Hi,
Couple of more suggestions if I may (if not already on your list) I would love to see an infinite scroll implemented on the timeline.
Also, I would like to add a search bar to the top of the page (near the logo) but as soon as I put the textbox/button combo from your form kit, it will go in a new line and push everything after it down to a new line, could you please help with this?
Thank you,
Jason
Hi Jason,
Thank your for your suggestion, it’s a good idea.
For the search feature, you should have a look at the Navbar Kit where you’ll find all the supported elements, including 2 search types.
Here’s an example of a navbar with brand + search:
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<!-- BRAND -->
<a class="navbar-brand" href="#">Brand</a>
<!-- TOGGLE BUTTON FOR MOBILE -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse-search-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar" />
<span class="icon-bar" />
<span class="icon-bar" />
</button>
</div>
<div class="navbar-collapse collapse" id="collapse-search-2">
<!-- Search -->
<form class="navbar-form navbar-left">
<div class="search-2">
<div class="input-group">
<input type="text" class="form-control form-control-w-150" placeholder="Search ..">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-search" /></button>
</span>
</div>
</div>
</form>
<!-- // END search -->
</div>
</div>
</div>
Hi, I’m sorry but that didn’t work It throws the whole layout out. I should also say that I’m using the Social 3 theme and I need the search bar next to the chat icon.
Thank you again for all of your help! Jason
Hi Jason,
We gave you the code for the entire navbar so you can see the context of the placement for the search form;
Just place the following into the navbar-collapse element from your working navbar:
<!-- Search -->
<form class="navbar-form navbar-left">
<div class="search-2">
<div class="input-group">
<input type="text" class="form-control form-control-w-150" placeholder="Search ..">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-search" /></button>
</span>
</div>
</div>
</form>
<!-- // END search -->
If that’s what you did and it’s still not working, please provide us with the complete markup for the navbar you’re trying to use.
