1409 comments

reeehman PURCHASED
Dear Sean,

Please could you suggest a css styles for full calendar used in v2.0.? Thanks in advance.
Hi Reeehman,

You may check the (5.15 Plugins - Fullcalendar) style.css for fullcalendar setting.

Best Regards,
Sean.
reeehman PURCHASED
Sorry Sean, not 2.0 Css style like fullcalendar in v1.7
Hi Reeehman,

We do include the fullcalendar plugin in v1.7. You may check the style.css

5.15 Plugins - Fullcalendar
LINE: 3267

Best Regards,
Sean.
I'm having trouble unzipping the purchased download. The path's are too long. What OS is this compatible with?
Hi Richfrick,

We are using MAC OS to compress the template file for Color Admin. We suggest that use the default window ZIP software to unzip the file rather than using the third party software like WINRAR. If the problem still exists, you may delete the node_module files inside the angularjs2 folder and reinstall the node js will do.

Best Regards,
Sean.
How do I set this up so it works like the demo?
Hi Richfrick,

For normal Ajax/angularjs version, you might need to run it with your localhost or web server. For angular js 2, you need to install the npm in order to run it within your localhost.

Best Regards,
Sean.
prabakar PURCHASED
Hi Sean,

We have purchased Extended License, could you please tell me how and where to include the license in our application and what are all the requirements to include the license.
Hi Prabakar,

Thank you for purchasing our template. For the license key, there have no standard requirement to include the license. You may include the license key in your documentation / manual for your application.

Best Regards,
Sean.
Dear Sean,

".input-lg" class on select2 dropdown is not working. Kindly suggest a fix. Thanks in advance.
Hi Reeehman,

Thank you for your report and comment. You may use the following css styling to fix the issue.
<style type="text/css">
.input-lg .select2-container .select2-selection--single,
.input-lg .select2-container--default .select2-selection--multiple {
min-height: 46px !important;
}
.input-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px !important;
}
.input-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px !important;
}
.input-lg .select2-container--default .select2-search--inline .select2-search__field {
height: 35px !important;
padding-left: 6px !important;
}
.input-lg .select2-container--default {
font-size: 14px;
}
</style>

HTML
===============
<div class="input-lg">
<select class="default-select2 form-control">
...
</select>
</div>

Best Regards,
Sean.
Thanks Sean..
I want to change the dotted lines to thing single lines of JS tree how do I do that? Also How to change background color of the Nodes created. in JS Ajax Tree
Hi Sunilkale306,

The dotted lines for JS Tree is a background image that you can found in
/assets/plugins/jstree/dist/themes/default/32px.png

If you wish to change the dotted line / node files, you may use the photoshop to change the background image.

Best Regards,
Sean.
Thanks Sean
Hi,

npm install

Error: Cannot find module 'minimist'

Thanks
Hi Diamondnz,

You may try to remove the node_modules folder and re-run the command "npm install"

Best Regards,
Sean.
Easy, that resolved it. Thanks for quick response Sean.
Hello Seanngu,

We are using this theme for our site and its pretty good.. But there is an issue when we are opening the site in mobile the top menu is not visible.. Any suggestions..

Thankyou
Hi Shirisha,

Thank you for your comment and feedback. The top menu should be hidden and only will be toggled when the toggle button is clicked. You may refer to the page_with_top_menu.html for how to setting up to toggle button for top menu.

http://seantheme.com/color-admin-v2.1/admin/html/page_with_top_menu.html

Best Regards,
Sean.
Hello Seanngu,

Thanks for ur reply in that page_with_top_menu.html there is a code
<div id="page-container" class="page-container fade page-without-sidebar page-header-fixed page-with-top-menu">.. If i use for my page content im unable to see the top menu on the desktop..

Thankyou
Hi Shirisha,

Can you send us the HTML code that you have written? So that we can help you to debug on our side.

P.S Support email can be found via documentation.

Best Regards,
Sean.
Hello Seanngu,

I have mailed my html file to nguoksiong@live.co.uk this mail id..

Thankyou
Hi Shirisha,

We have realise that you are using the Angular JS 1.x version. For Angular JS, you might need to enable the top menu via the controller.

E.g
colorAdminApp.controller('pageWithTopMenuController', function($scope, $rootScope, $state) {
$rootScope.setting.layout.pageTopMenu = true;
$rootScope.setting.layout.pageWithoutSidebar = true;
});

Best Regards,
Sean.
Hello,

This is my default topmenu controller ..
colorAdminApp.controller('topMenuController', function($scope, $rootScope, $state) {
setTimeout(function() {
App.initTopMenu();
}, 0);
});

replaced this with the one u gave but no change..

Thankyou
Hi Shirisha,

You can't replace it directly. "topMenuController" and "pageWithTopMenuController" is different name. What we are trying to show in example is the options

$rootScope.setting.layout.pageTopMenu = true;
$rootScope.setting.layout.pageWithoutSidebar = true;

P.S You may check out the options in the documentation page for Angular 1.x section.

Best Regards,
Sean.
hello,

Replaced with the options only..

Thankyou
Hi Shirisha,

Now we realise that the issue is regarding the top menu toggle button. Here is the quick solution.

FILE: /template/header.html
CODE:
<button type="button" class="navbar-toggle" data-click="sidebar-toggled">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

REPLACED WITH:
<button type="button" class="navbar-toggle" data-click="sidebar-toggled" ng-if="!setting.layout.pageTopMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<button type="button" class="navbar-toggle" data-click="top-menu-toggled" ng-if="setting.layout.pageTopMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

Best Regards,
Sean.
Hello,

In header.html i have

<div class="navbar-header">
<a href="index.html" class="navbar-brand"><span class="navbar-logo"></span> Fun Data</a>
<button type="button" class="navbar-toggle" data-click="sidebar-toggled">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
This one i have to replace with the code u gave..??
Hi Shirisha,

Yeah, you just need to replace the
<button type="button" class="navbar-toggle" data-click="sidebar-toggled">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

with the new code will do.

Best Regards,
Sean.
Hello Seanngu,

I have mailed u the file..once check plz
Hi Shirisha,

Yeah, you may use the code and the top menu will be shown after you click on the toggle button.

Best Regards,
Sean.
Hello,

Its not working..!!!

Thankyou
Hello Seanngu,

Thankyou So much.. Its working..

Thankyou
Hi Shirisha,

Glad to hear that.

Best Regards,
Sean.
Hey Seanngu,

There's other issue.. When im seeing the site in mobile the buttons are getting scattered in the page.Ill mail u the image please check it once

Thankyou
Hi Shirisha,

Based on your application layout, you might need to use css to increase the margin between the buttons for mobile view.

E.g
CSS
============
@media (max-width: 767px) {
.custom-btn-container .btn {
margin-bottom: 5px;
}
}

HTML
============
<div class="custom-btn-container">
... your button here ...
</div>

Best Regards,
Sean.
Hello Seanngu,

Can u please check your mail.

Thankyou
Hi Shirisha,

Yeah, we have replied you with some quick solution.

P.S You may directly contact support email for more question / issue that you are facing right now.

Best Regards,
Sean.
Hello Seanngu,

Thanks for your quick responses and solutions..

Thankyou
Hi, if i don't use angular for my project, can i still use you theme ?
Hi Azerothl,

Yeah, you may still use other version like HTML / Ajax / Material Design to integrate with your project.

Best Regards,
Sean.
First, thanks for the quick answer; now, i've some questions :
- is there a npm package for the plugins of your theme ? i already have some of the lib you use in your theme in my node_module and don't need to use them, but if i remove them from the plugins folder, it returns errors.
- is your themes compatible with webpack ? or do you know an easy way to make it compatible ?
Hi Azerothl,

Sorry to say that only version Angular JS 2 is compatible with the npm package and webpack in our template.

Best Regards,
Sean.
Hi Sean,

Just wondering if I had the ability to dynamically load your widgets. I'm using Angular 2 for my app and I'd like to create as many widgets of the same type as possible but still retain its header features (reload, delete, etc).
Hi Hdstemplate,

Yeah, you may create a global panel component and pass the different value into it for reload / delete or other actions purpose.

Best Regards,
Sean.
Hi sean,
I bought Single application.
But, i realized after paying, I needed Multiple application.
So i want to change the order. Single -> Multiple
How can i do that~?

Thank you for your answer in advance.
Hi Kakao1234,

Thank you for purchasing our template. We are glad that hear that you are using our template. Sorry to say that we have no control / access regarding the Wrapboostrap Licensing system and we do believe that Wrapboostrap didn't have the feature to upgrade the purchased license.

Best Regards,
Sean.
Hi!
How about refunding~? is it possible?

If it's possible..

Maybe i can use below process.
Refunding Single app. - > Buy again Multiple app.
Hi Kakao1234,

You may contact Wrapboostrap support for refunding issue.
https://wrapbootstrap.com/support

Best Regards,
Sean.
Dear Sean,

Is it possible to mix front end theme css classes and admin template styles classes?
Hi Reeehman,

We are not encourage to mix the two css classes. What we suggest is you may refer to the admin / frontend style.css and select which component / element that you want and put it into the frontend / admin css classes.

Best Regards,
Sean.
Thanks Sean...
Hi,

When I run the application locally and go to Form X Editable page and click on Inline button for activating Inline Editing. I get an error 404 error. Dont know why. Could you give an set of js and html file for inline editing. Please check email for the screenshot of error.

Thanks
Hi Sunil Kale,

Based on your screenshot, we do believe that you are using our ajax version and you might need to access the file based on the browser hash.
E.g
/index.html#ajax/form_editable.html

Best Regards,
Sean.
One quick question, when left menu is expanded, it's fixed, meaning it stays visible when scrolling the body part of the page, but when it's collapsed, it scrolls. Is there a way to make it fixed?
Hi Amarcucci,

If you wish to have the fixed side navbar, you may use the following css to configure it.

<style type="text/css">
.page-sidebar-minified .sidebar {
position: fixed !important;
}
</style>
Is it possible to save the login background image (because you can select) on cookies?
Can you define this for us on next release?
Hi Rodrigotadeusp,

Thank you for your comment and suggestion. Here is the working example for how to store the login background image by using cookies.

$(document).ready(function() {
$('[data-click="change-bg"]').live('click', function(e) {
var targetSrc = $(this).find('img').attr('src');
$.cookie('login-bg', targetSrc);
});

if ($.cookie('login-bg')) {
$('[data-click="change-bg"] img[src="'+ $.cookie('login-bg') +'"]').click();
}
});

Best Regards,
Sean.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$30
5878Purchases

Licenses: Details »

Single application $30
Version:3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Categories:
Tags: admin template, blog, bootstrap, css3, e commerce, forum, html5, jquery, one page parallax, responsive
Item#:WB0N89JMK
Released:3 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap
seanngu

seanngu

Signed up 4 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: