1409 comments

prabakar PURCHASED
Hi,

Slimscroll with bootstrap select box cuts the drop-down list options when it's inside the scrolled content. How do I make it visible?. Also i want to disable scroll for container when i scroll that dropdown list.
Hi Prabakar,

As we have mention in previous reply, select2 plugins is not using the slimscroll plugins for scrollbar. It is normal browser scrollbar. If you wish to increase the scrollbar height for dropdown list, you may use the following css to configure it.

<style type="text/css">
.select2-container--default .select2-results>.select2-results__options {
max-height: 300px !important;
}
</style>

You might need to implement some other custom event in order to disable scroll for other element.

Best Regards,
Sean.
Hi Sean,

please look at UI elements compatibility with DataTables in next update. I can put some elements to DataTables cells, but padding is fixed and row height is not correct with buttons, progress bar div completly wrap line. Look at screen here: http://prntscr.com/c820u1

Some other "admin templates" with DataTables is compatibile with UI elements. For example: http://prntscr.com/c820hm

Thanks.
Hi Oldrichsveda,

Thank you for your comment and report. We will provide some example for UI element in table column in next version release.

Best Regards,
Sean.
prabakar PURCHASED
Hi,

we are using wizard+validation, in that we want to change the style for bwizard-steps list items once the wizard is completed. How to do this?
Hi Prabakar,

You may use the following css style to configure the bootstrap steps layout.
<style type="text/css">
.bwizard-steps {
font-size: 14px !important;
border-radius: 3px !important;
overflow: hidden !important;
display: table !important;
width: 100% !important;
}
.bwizard-steps li:before,
.bwizard-steps li:after {
border: none !important;
}
.bwizard-steps li {
float: none !important;
display: table-cell !important;
padding: 15px !important;
line-height: 20px !important;
background: #f0f3f4 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.bwizard-steps li:hover,
.bwizard-steps li:focus {
background: #d3dadf !important;
}
.bwizard-steps.clickable li:hover:not(.active) a,
.bwizard-steps.clickable li:focus:not(.active) a {
color: #333 !important;
}
.bwizard-steps li small {
font-size: 11px !important;
color: #999 !important;
display: block !important;
line-height: 14px !important;
}
.bwizard-steps li a {
margin-left: 30px !important;
display: block !important;
text-decoration: none !important;
}
.bwizard-steps li.active small {
color: #b2e6e6 !important;
}
.bwizard-steps .label {
float: left !important;
padding: 0 !important;
height: 20px !important;
width: 20px !important;
line-height: 20px !important;
text-align: center !important;
margin-right: 10px !important;
top: 0 !important;
background: #6d7479 !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.bwizard-steps li.active,
.bwizard-steps li.active:hover,
.bwizard-steps li.active:focus {
background: #00acac !important;
}
.bwizard-steps li.active .label {
background: url(../img/transparent/black-0.2.png) !important;
background: rgba(0,0,0,0.2) !important;
}
</style>

P.S You also can refer to assets/css/style.css 5.14 Plugins - Bootstrap Wizard

Best Regards,
Sean.
It's to integrate PHP?
Hi DiogoDiasTHX,

Color Admin is build on top of HTML/CSS/JS. As long as you include the required library and files, It shouldn't be a problem to integrate with any framework / programming language.

Best Regards,
Sean.
prabakar PURCHASED
Hi,

In Wizrad + Validation we want to show Cancel and Next button alone in the First Step, in the last step we want to show Back and Finish buttons and in the remaining steps we will show next and back buttons. How can we do this? Please share the code for the same.
Hi Prabakar,

You may use some custom javascript to change the display text on the next & back button.
e.g

// set the default show back & next button text
$("#wizard").bwizard({
backBtnText: "Cancel",
nextBtnText: "Next",
activeIndexChanged: function(e, ui) {
// set the button text when index changed
if (ui.index != 2) {
// other than last step
$('.pager.bwizard-buttons .next a').text('Next');
$('.pager.bwizard-buttons .previous a').text('Cancel');
} else {
// last step
$('.pager.bwizard-buttons .previous a').text('Back');
$('.pager.bwizard-buttons .next a').text('Finish');
}
}
});

Best Regards,
Sean.
I know you have probably been asked this many times, however I cannot find a definitive answer, I have contacted wrapbootstrap multiple times with no reply.

Which license would be suitable if using this template as a base for a web app hosted on a single domain with one database that users can sign up to use its services at a small monthly cost? (There will be a free plan too)

The theme would not be resold, the users would only be able to use the services, social media scheduling features for example.

Any help would be much appreciated as I have seen conflicting answers on this site and not received a reply from support here.
Hi Tttwb,

Sorry to say that we are not licenses expert. Base on our understanding, the main different between Extended and Single / Multiple License is Extended License is used in a single end product which end user can be charged for.

Hope we have answered your question.

Best Regards,
Sean.
roguard PURCHASED
Never mind, I added it to file manager. Now what can I use to easily edit it?
roguard PURCHASED
I bought this theme, but I'm really confused on how I add it to my website. I have cpanel. Could you tell me?
Hi Roguard,

Thank you for purchasing our template. First of all, you need to know how to upload the file to your website by using cpanel. You may login to your cpanel and find the file manager section and you may upload your html / php / asp.net file in your public_html folder.
Cpanel > file manager > public_html

P.S you may zip the all the files that you want to upload and extract it after upload to the public_html folder.

Best Regards,
Sean.
roguard PURCHASED
Do I upload the entirety of template_content_html or...? I'm very confused, sorry.
Hi Roguard,

It depends on how you wish to define your url. For example, if you upload the whole template_content_html to your public_html folder, your url to access the html files will be
http://www.mydomain.com/template_content_html/index.html
index.html / index.php will be the default files to access for browser.

P.S You might need to have your own backend programming if you wish to make your site work.

Best Regards,
Sean.
roguard PURCHASED
Will the site still load onto the theme though?
roguard PURCHASED
Never mind, I added it to file manager. What can I use to easily edit the site?
Hi Roguard,

We suggest that you edit / modify the site on your local / development environment before upload it to your live site.

P.S You might need to use some tools like Textwrangler, Visual Studio Code and etc to edit the source code.

Best Regards,
Sean.
roguard PURCHASED
How can I edit the time for the 'coming soon' page?
Hi Roguard,

You may refer to assets/js/coming-soon.demo.js for how we set the time end for countdown timer.

Best Regards,
Sean.
On the Unlimited Tabs, how could I load ajax content inside a tab once clicked?

Thanks!
Figured it out.
Hi MasterSell,

Glad to hear that. : )

Best Regards,
Sean.
reeehman PURCHASED
Dear Sean,

How to add a tagline under the brand name? For example "Color Admin" is the brand name. How to add a tagline like "Inspired By Colors" under the brand name.
Hi Reehman,

You may use the following css / example to add the tagline under the brand name

HTML
===================
<a href="index.html" class="navbar-brand">
<span class="navbar-logo"></span>
Color Admin
<small>inspired by colors</small>
</a>

CSS
===================
.navbar-brand {
line-height: 20px;
}
.navbar-brand small {
display: block;
font-size: 10px;
color: #999;
font-weight: 500;
line-height: 14px;
}

Best Regards,
Sean.
demo not work
Hi Ler,

Thank you for your report, we are really appreciate it. We have solved the demo site issue. Do try it again.

Best Regards,
Sean.
Hello Sean,
First of all, wonderful job on this theme. It's very nice as well as thoroughly done.

We just purchased the theme and had a couple of quick questions as we set it up.

Are there deployment type scripts we should be aware of? For example, to minify various files like the app.js file on the parallax?

Speaking of the app.js file for the homepage, it references the relative "assets" folder to change the theme color, but we have the assets folder under another 'static' folder and so it could not find the theme css. (I can manually edit both the main file and the minified file to include 'static/' of course but this is why I thought I should first inquire about it.

Also, I see that the parallax folder structure and the backend folder structure both follow the same file and folder naming pattern (such as with 'assets' and the names of some of the files); is it intended for them to be distinctly separated or is there any preconceived way to have the files all reside within the same assets folder?

Thank you again for your great work! Quite excellent.

Sincerely,
John
Hi John,

Thank you for your comment and feedback. We are really appreciate it. Regarding your question,

1. We are using some tools like https://jscompress.com/ to minify the css / js file. It should be no problem if you are using some other compress tools to minify the css / js file.

2. As long as you include the required css / js file, that should be no problem if you change / point to the different file path.

3. The reason why we are using the same file structure is to let our template user can easily understand where is the file that we put and it is the common assets file path that used by other framework like laravel / symphony.

Best Regards,
Sean.
prabakar PURCHASED
Hi Sean,
I want to reuse 'Modal Dialog Box with alert message' provided in the theme across multiple pages with just one instance of code. How can this be done?
Hi Prabakar,

You may use the data attribute that provided by bootstrap to toggle the modal dialog box.
<a href="#bootstrapModal" data-toggle="modal"></a>

<div id="bootstrapModal" class="modal fade">
...
</div>

http://getbootstrap.com/javascript/#modals

Best Regards,
Sean.
prabakar PURCHASED
Hi sean,
We are using slider for the purpose of rating. We want to have the slider's grid to display numerals while the slider's current value displayed above the slider to be their textual description for the current value. how to achieve this?
Hi Prabakar,

If you are using powerange slider, you may refer to their documentation how to get the value of the slider and append to the container that you want to display the value.

http://abpetkov.github.io/powerange/

P.S You might need to write some custom css in order to display the value properly.

Best Regards,
Sean.
prabakar PURCHASED
Hi Sean,
We are in need to have multiple timeline-icon's with in each "li" inside the unordered list. how to do this?
Hi Prabakar,

You may use the fontawesome predefined css class for icon list. E.g
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>List icons</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
<li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>

http://fontawesome.io/examples/

Best Regards,
Sean.
Hi,
your design is amazing. i'm working on your design to build my own dashboard however i faced an issue if i disable the cookies feature from the browser(page keep loading (scrolling)) so please how can i fix the issue. is cookies mandatory for your design.
Hi Khaledwj90,

Thank you for your comment and feedback. Regarding your question, you might need to comment out the localStorage function in apps.js.
LINE 1110: this.initLocalStorage();

This is because the browser are refuse to store any data into your localStorage and you will get this error from your browser console log
"Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document."

Best Regards,
Sean.
what is the library that is used to generate a PDF file ?
Hi Khaledwj90,

You may refer to the following PDF library:

http://pdfkit.org/
https://parall.ax/products/jspdf

Best Regards,
Sean.
Hello..

Im using this theme from past one week.. its really good.. if we want the same header and footer to all the pages externally added..How to include those files..??

Thankyou
Hi Shirisha,

Thank you for your comment and feedback. Regarding your question, you may separate the header and footer into different file and include them into a single base file. Which means you should have a base file that include the header and footer hence display the page content.

E.g
if you are using php, you may use the simple include function to include the header.php / footer.php into your base.php.

if you are using some framework like laravel, you may refer to their blade template syntax to include the header and footer file.
https://laravel.com/docs/5.3/blade

Best Regards,
Sean.
Hello seanngu,

Thankyou for your reply..Im using html not php..How can i include the footer and header files

Thankyou
Hi Shirisha,

Basically you might need to have a server side language like php/asp.net/.jsp in order to include the footer and header files.

Or you can use the jQuery to make an ajax call to retrieve the header and footer HTML and append to the target container when page load.

E.g
$.ajax({url: 'get-header-url-here', function(data) {
$('#header').html(data);
});

Best Regards,
Sean.
Hello Seanngu,

I have included using php ...
<?php
include_once("C:/webpages/angularjs/template/header.html");
?>

But the page is completely messed up..what should i do to be it in normal form..

Thankyou
Hi Shirisha,

Can you send us some screenshot / html files that you use to include the header? So that we can help you to debug on our side.

P.S Support email can be found via documentation.

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: