1409 comments

Dear Sean,

I'm using Jquery DataTables in my application. In Datatables when i click pdf button, the table is rendered in pdf and downloaded. But in the pdf, the table is not spanning to 100% width, instead it spans to around 80%. I even checked in your website and i found the same behaviour. Kindly help me out on this and suggest a solution to make the table to span 100% width. Thanks in advance.
Hi Reeehman,

You may take a look the pdfHtml5 documentation for how to set the page size, margin, pdf header / footer and etc.
https://datatables.net/reference/button/pdfHtml5

Best Regards,
Sean.
Small issue since the latest Bootstrap/Theme update. Whenever you click a button with a dropdown arrow the arrow is a different color. See example here: https://www.dropbox.com/s/2eu2lx7xqfxstbg/Screenshot%202017-01-16%2011.15.03.png?dl=0
Hi Animazing,

Thank you for your comment and report. We will update the fixes for this issue in next version release.
For quick fix, you may refer to the following example:
<style type="text/css">
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover{
background: #008a8a;
}
</style>

Best Regards,
Sean.
Dear Sean,

How to make a zooming transition effect in the background image inside carousel in one page parallax theme? Please suggest a solution. Thanks in advance.
Hi Reeehman,

You may refer to the following article / demo regarding the pull out effect.
https://github.com/CodyHouse/zoom-out-intro-effect

Best Regards,
Sean.
nizarf PURCHASED
Dear Sean,

Hope all is well with you, This is Farhan from UAE, I am very much interesting on your theme, still I need to know the compatibility on .net MVC, appreciate your confirmation to use your theme.
Thanks
Hi Nizarf,

Thank you for your comment. Our template is compatible with any framework as long as you include the required css/js file to your application / website.

Best Regards,
Sean.
nizarf PURCHASED
Dear Sean,

Thanks for your quick response, please advise if you have facility to select table row and display row data in new row with collapsable option.

Thanks,

Farhan
Hi Nizarf,

You may use the combination between bootstrap collapsable data attribute with the table row to fulfil your requirement.

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

Best Regards,
Sean.
Hi,

I am using sub menus in my app...now there are several menus which has its own sub-menus...when I click on 1 sub-menu my another opened sub-menu remains opened where as ideally it should get closed.

Need your assistance.
Hi Sunil,

Can you send us some screenshot regarding your issue? So that we can assist you to solve the issue.

Best Regards,
Sean.
Hi Sean,

I sent you the screenshot as asked by you on your mail id. waiting for the solution.
Hi Sunil,

For your information, we do not receive any email from your side yet.
Please double check your email ya.

Best Regards,
Sean.
Dear Sean,

I'm using Select2 inside bootstrap modal. But the dropdown control is rendered as normal select control. Please could you suggest a solution for this. Thanks in advance.
Sorry!! i missed the script file. It's working.
Hi Reeehman,

No Problem : )

Best Regards,
Sean.
Dear All,

If you have encountered the unzip issue for v2.1, kindly download the latest version in order to fix the issue.

https://wrapbootstrap.com/support/download-resender

Best Regards,
Sean.
Hi,
can I use this template locally? I need to use this template in lan, without the need of a wan connection ( mostly for safety issues). In the head of the page there's a reference to fonts.googleapis.com etc... Can I change it ( and others if any) to a local path?
Best regards
Paul
Hi Paul,

Yeah, you are right. You can download the google font and use it locally.

Best Regards,
Sean.
Hi Sean,

I would like to know if you will create a Rails Seed Project and/or Full Version.
Hi Kareylo,

Sorry to say that we have no plan for Rails Seed Project at this moment.

Best Regards,
Sean.
How do I make the sidebar scroll with the page? I.e. if you click in settings button, you can change Sidebar to default from fixed... but how do I make the pages always work this way via code rather than having to change the settings?
Hi Cstooch,

You may remove the css class "page-sidebar-fixed" from div#page-container.
FROM:
<div id="page-container" class="fade page-header-fixed fade in page-sidebar-fixed">
TO:
<div id="page-container" class="fade page-header-fixed fade in">

p.s You may refer to the documentation page in your downloaded folder for more page options as well.

Best Regards,
Sean.
OK I had initially did that but it didn't work. But I think I see why. Not sure if it's something that you can 'fix'? However, it seems that when you do it this way, if the main page content isn't long enough to require a scrollbar, this acts as though your sidebar is fixed.

For example, I updated the included "page_with_ionicons.html" page and changed the page-container div as you mention above. The sidebar is still fixed. However, if I make the same change to the index page, which has content long enough to scroll through, it worked.

This isn't a huge deal, but it would be nice if that's something you can fix eventually just to ensure a consistent experience for the user when not using fixed sidebar. Thanks!
Hi Cstooch,

You might need to comment out / remove the following data attribute from your sidebar HTML as well.
FROM
<div id="sidebar" class="sidebar">
<div data-scrollbar="true" data-height="100%">
....
</div>
</div>
TO
<div id="sidebar" class="sidebar">
....
</div>

Best Regards,
Sean.
That did it! Thanks so much.
Hi,

Are there any updates to the ASP MVC 5 version, from the comments it looks like its just the same.

People will not buy - they would simply DOWNLOAD a free version if there is nothing new and there is no support

Regards
Ollie
Hi Ollie,

Unfortunately, we have no plan to release the ASP MVC 5 version at this moment yet. The main reason is because there is pretty simple to integrate the HTML version into the MVC framework.

P.S From all the previous comment, you might able to see that we are trying hard to answer / solve every single issue from our user. People purchase the template because they are respecting the copyright and others people hard work.

Best Regards,
Sean.
Dear Sean,

Any HTML,CSS Samples in the theme for the following requirement.
To display button on hover of table row or a panel or on a widget? If not any suggestions please. Thanks in advance.
Hi Reeehman,

You may refer to the following sample of css to create a hover - display element.
CSS
==================
<style type="text/css">
tr td .btn.btn-hover {
display: none;
}
tr:hover td .btn.btn-hover,
tr:focus td .btn.btn-hover {
display: block;
}
</style>

HTML
==================
<tr>
<td>...</td>
<td><a href="#" class="btn btn-hover btn-primary">hover display btn here</a></td>
</tr>

Best Regards,
Sean.
Dear Sean,

How to show the spinner while making Ajax Request in my application and stop the spinner upon response from server in this theme? Any sample JS and CSS for this? Thanks in advance.
Hi Reeehman,

Here is the sample css / HTML element that you need to add for the panel loading.
<div class="panel panel-inverse panel-loading">
<div class="panel-heading">
...
</div>
<div class="panel-body">
<div class="panel-loader"><span class="spinner-small"></span></div>
</div>
</div>

After loading, you may remove the css class ".panel-loading" and the loader element from the panel.
<script>
var target = $('#my-panel');
$(target).removeClass('panel-loading');
$(target).find('.panel-loader').remove();
</scipt>

Best Regards,
Sean.
Hello,

I came across a bug when I make a form with password input box with Show/Hide password and the Parsley validator. Once you click submit and there is parsely validator error then the show/hide box becomes bigger than the form space.

How can i solve this ?
You can take a look of the issue here:
https://s29.postimg.org/smvsn3yo7/2017_01_24_0_44_18.png
Hi Layersec,

Because of the show / hide password plugin will prepend / append a bootstrap add on to the form field, then you might need to customise the error message / container for parsley validation.

E.g
ADD the data attribute data-parsley-error-container="#passwordErrorContainer"
<div>
<input data-toggle="password" data-placement="before" data-parsley-errors-container="#password-error" class="form-control" data-parsley-required="true" type="password" value="" placeholder="password" />
</div>
<div id="passwordErrorContainer"></div>

Best Regards,
Sean.
Thank you :) it worked perfect
Hi Sean, thank you for your last reply, it worked perfectly.

I have another (hopefully simple) question. Some of my users are complaining that overall, the fonts are too small. Is there a quick way to increase the size of all the fonts proportionally?
Hi Amarcucci,

You may use the following css to increase the font size of the template
<style type="text/css">
body,
.panel-title,
.form-control,
.widget-stats .stats-title,
.widget-stats .stats-info h4 {
font-size: 12px;
}
</style>

Best Regards,
Sean.
Dear Sean,

How to use 404 notfound extra to be displayed inside the bootstrap modal?. I have placed the error html inside modal but it's getting displayed on top of the modal. Please suggest the solution. Thanks in advance.
Hi Reeehman,

You may use the following css for 404 error in boostrap modal.
<style type="text/css">
.modal .modal-body .error {
margin: -15px;
}
.modal .error-code {
padding-top: 30px;
}
.modal .error-content {
padding-bottom: 30px;
}
</style>

Best Regards,
Sean.
Dear Sean,

Here is the HTML. I applied the above CSS but it's not working. Please review.

<div class="modal fade in">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Alert</h4>
</div>
<div class="modal-body">
<!-- begin error -->
<div class="error">
<div class="error-code m-b-10">404 <i class="fa fa-warning"></i></div>
<div class="error-content">
<div class="error-message">We couldn't find it...</div>
<div class="error-desc m-b-20">
The page you're looking for doesn't exist. <br>
Perhaps, there pages will help find what you're looking for.
</div>
<div>
<a class="btn btn-success" href="/User">Go Back to Home Page</a>
</div>
</div>
</div>
<!-- end error -->
</div>
<div class="modal-footer">
<a href="javascript:;" class="btn btn-sm btn-white" data-dismiss="modal">Close</a>
<a href="javascript:;" class="btn btn-sm btn-danger" data-dismiss="modal">Action</a>
</div>
</div>
</div>
</div>
Hi Reeehman,

Sorry, we have missed out another css styling.
<style type="text/css">
.modal .error-content,
.modal .error-code {
position: relative;
}
</style>

Best Regards,
Sean.
Hello. Excellent theme!

I realize this is something the users of your theme can do when implementing it, but I'm wondering if it wouldn't make sense to provide a view of a form under Form Stuff where the portlet type header and controls (Expand/Compress, Reload, Collapse, etc) are removed? I'm assuming the theme doesn't intend for these controls to be present on pages where that is the sole content in the page body, right? Since it serves no purpose, I think a full-page form might be a decent example.
Hi Dpaolicelli,

Thank you for your comment and suggestion. We will put it into our todo list for next version update.

Best Regards,
Sean.
Hi Sean

I'm thinking about buying this theme. But i'm used to using other marketplaces and can't find information about this question anywhere, so I hope you will answer me.

will future updates be a part of the buy or do I buy this current version only and need to buy it everytime there's an update to it?

And if updates are a part of the first buyout is there a time limit for this?

Kind regards
Johnny
Hi Johnny,

Thank you for your comment and feedback. Yeah, you are right. Once you purchase the template, you will be able to enjoy the future update FREE. When we push the new version of Color Admin to Wrapbootstrap system, you will be able to receive a new download link via your email to download the latest version of Color Admin. On the other hand, you also can use the download re-sender to re-download the latest version of template.

https://wrapbootstrap.com/support/download-resender

Best Regards,
Sean.
Dear Support team

We used the table <table id="data-table" class="table table-bordered table-hover"> in order to sort some results but the table sorts them in descending order by using the first column. The column we need to sort, stores dates but the table sorts them as plain text. You can see a screenshot here:
http://www.filedropper.com/table-sorting

We need to sort contents by date, the way we retrieve them from our database. Can you give us instructions on how we can achieve that?

Can the user sort the contents of the table by date? Will the contents appear in the correct order?

Thanks in advance.

Angelos Kynigalakis
Hi Angelos,

You may use the DataTables - Date plugins for sorting. For more information, you may refer to the official documentation.
https://datatables.net/plug-ins/sorting/date-dd-MMM-yyyy

Best Regards,
Sean.
Dear Sean,

Thanks for your kind reply.
Unfortunately we cannot find exactly what we need in the documentation.
We need to show the results, exactly the way they retrieved from the database, regardless whether it is dates of not. Then the user should be able to sort the results by using the appropriate column.
We 're looking forward for your reply.
Thanks in advance.
Angelos
Hi Aparadektos,

For your information, the plugins is able to sort: Alphabet, Dates and Number. If you wish to sort the specific column ASC/DESC when the plugin load, you may refer to the following example:
<script>
$('#example').DataTable( {
"order": [[ 1, "asc" ]]
} );
</script>
OR
<table data-order='[[1,"asc"]]'>
...
</table>

P.S To disable the sorting function on a specific column, you may refer to the following example as well.
<thead>
<tr >
<th data-sorting="disabled"></th>
...
</tr>
</thead>

Best Regards,
Sean.
Dear Sean,

Thanks for your kind reply.
Unfortunately the suggested solution doesn't show the results in the appropriate order. I'm sending you below a screenshot.
http://prntscr.com/efevo3

Can you please help us with this feature? It is very important to have a correct sorting.

I'm looking forward for your reply.
Best Regards
Angelos Kynigalakis
Hi Angelos,

From the screenshot, the first column has been sort in ascending. You may use the following option to sort the first column in descending.
<script>
$('#data-table').DataTable({
responsive: true,
"order": [[ 0, "desc" ]]
});
</script>

Best Regards,
Sean.
Dear Sean,
Thanks for your kind reply.
We have already tried this but with no luck at all.

Is it possible to hide of delete the column of date and fetch the results, the way they acquired from the database?

I'm looking forward for your reply.

Best Regards
Angelos Kynigalakis
Hi Angelos,

We are not understanding regarding "is it possible to hide of delete the column of date and fetch the results, the way they acquired from the database". Please explain or send us some screenshot regarding this question.

P.s double check is it the minified file has been used or unminified js file has been used. The example or solution that we have provided in previous comments is tested with the latest version of DataTables. You may send us the code or provide us the live demo for your application / website. So that we can help you to debug on our side. The support email can be found via documentation page as well.

Best Regards,
Sean.
Dear Sean,

Thanks for your kind reply.
I'm sending you below the libraries, as they are in the examples.
http://prntscr.com/ehv56l
Does this screenshot help you?
Thanks again.
Angelos Kynigalakis
Hi Angelos,

As we mention in previous comment, this is pretty simple to set the column with data attribute in DataTable.

E.g
<table id="data-table" class="table table-striped table-bordered" data-order='[[0,"asc"]]'>
...
</table>
0 - mean the first column
asc - mean the sort in ascending

You may play around with the column and the asc / desc option in order to fulfil your needs.

Best Regards,
Sean,
Dear Sean,

Thanks for your kind reply.
Unfortunately this doesn't work for greek date format.
Can you give us instructions on how to hide the date column?
Thanks again.
Angelos Kynigalakis
Hi Angelos,

Please take some time and go through the DataTables official documentation.
http://datatables.net/

Best Regards,
Sean.
Hi there..

Really liking this theme. Just thought I'dlet you know though that the eCommerce front end has an issue.. namely index_inverse_header.html . If you shrink down to mobile size, the menu is broken. It expands to reveal just 6 blank, white menu options. I think the menu is there, it's just it's white text on white background.

It'd be great if you have a fix for this, and if this could be inversed like the full-sized menu!
Hi Cstooch,

Thank you for your comment and report. We will update the fixes in next version release. Here is the fixes for the e-commerce black menu.

<style type="text/css">
@media (max-width: 767px) {
.header.header-inverse .navbar-collapse {
background: #363D44;
}
.header.header-inverse .navbar-collapse,
.header.header-inverse .navbar-collapse .nav > li + li {
border-top: 1px solid rgba(0,0,0,0.25);
}
.header.header-inverse .navbar-toggle {
border-right-color: rgba(0,0,0,0.25);
}
.header.header-inverse .navbar-toggle .icon-bar {
background: rgba(255,255,255,0.25);
}
}
</style>

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: