1401 comments

vgegeo PURCHASED
First off all, congratulations and thanks for this awesome template!!

I'm trying to run a simple form with AJAX version, and I'm not able to run it correctly.
How should I write the destination URL if it's another AJAX version of the theme?

I mean, for example, I want to send values to "http:/home/index.php#ajax/extra_profile.php
All kind of prooves I made, wrote my values between :/home/index.php AND #ajax/extra_profile.php

<code>form method GET or POST action XXXXXXX, this last one it's what I don't write correctly.</code>

Regards
Hi Vgegeo,

Thank you for your comment and feedback. For your question, we suggest that write a global form ajax submit function in order to handle form post action.

The concept is
1. Submit via ajax to the target url.
2. Target url trigger form $_POST / $_GET and do something
3. Return HTML code (e.g html code with success / error message)

HTML
============
<form action="--- your target url here ---" method="POST" form-ajax-submit="true">
</form>

Sample JS
============
$('form[form-ajax-submit="true"]').live('submit', function(e) {
e.preventDefault();
var targetUrl = $(this).attr('action');

$.post(targetUrl, $(this).serialize()).done(function(data) {
$('#ajax-content').html(data);
$('html, body').animate({
scrollTop: $("body").offset().top
}, 250);
});
});

If you still can't solve the problem, please do not hesitate to send us an email so that we can assist you to solve the problem quickly.

P.S you can found the support email through our documentation page.

Best Regards,
Sean.
vgegeo PURCHASED
Amazing support so!
Ir runs, but I do not like the behavior with the URLs history, so...
Can I use the same global function, but placing the result of the query un a modal?

If so, what should I change in the function?

The question is un a table, un each row I want to put a button form to query that line and show more data of that line in a modal.

Sorry, but these are my beginnings with ajax version.

Show me if you prefer that consulting support is vía mail.
Hi Vgegeo,

Regarding your question, can you send us an email with all the ajax features that you required, so that we can assist you to get your ajax function done very quickly.

Best Regards,
Sean.
krinkel PURCHASED
thanks for this awesome template, i see that it is the best template in the site :)
and I want to buy license for Multiple applications , but first i want to know, did you intend to add RTL option Even if in the future, or no!
i want the template with "Right to Left" Option,
and this option available in another templates here but not in your awesome template.
Hi Krinkel,

Thank you for your comment and feedback. We are really appreciate it. We will definitely add a RTL option in future updates and we will try to add in this option in next version updates (v1.8).

Thank you.

Best Regards,
Sean.
krinkel PURCHASED
very thanks, i'm very happy to know this news :)
when approximately you will publish this update (V1.8) ?
and if i buy the template now, can i will be able to get the last version too without more money, or i can wait for it?
very thanks for excellent support.
Hi Krinkel,

If you are not building any project with our template, we suggest that you purchase our template after we launch the RTL version. The date of next update (V1.8) is still not confirm yet. All our customer are able to download the latest version of Color Admin for FREE.

Best Regards,
Sean.
krinkel PURCHASED
any news about supporting RTL ?
very interested to use your template in my work, but when you will publish this option update?
it is very important to me, i am waiting from tow months!
Hi Krinkel,

Sorry to say that RTL version will not be added in next version release (v1.8). The main reason we are put on hold the RTL version is the compatibility for most of the plugins that we use is not support the RTL text. Hope you understand it.

Best Regards,
Sean.
Love the design. Would I be able to use it for Angular JS projects?
Hi Xiamxu,

Thank you for the comment. Color Admin is purely built with HTML, JS and CSS. You might be able to use in Angular JS projects if you know how to integrate within Angular JS and jQuery.

Best Regards,
Sean.
Frontend theme version only (HTML CSS JAVASCRIPT and Plugins) comes with the package?
Hi Carolfreitas89,

In color admin, Frontend theme is only comes with the HTML version because most of the one page parallax is used for Product / Apps / Company introduction. This is why we are not building the Ajax version for frontend One Page Parallax.

Best Regards,
Sean.
Hi Sean, Thanks for the answer!
diegorv PURCHASED
Can I use it in a Open Source project?
Hi Diegorv,

You may contact wrapbootstrap support for more licensing details.
https://wrapbootstrap.com/support

Best Regards,
Sean.
Hi,
First of all I need to thank you for your effort in building this great admin template.
Of course, I come with a question:
I'm using a combination of extensions using colvis, col reorder, tabletools and it works great. However, when I try to add also vertical scroll like below, the table header overlaps with the Search, Show/hide and tabletools buttons. I'm not very good with css and I struggled a lot for a fix, but couldn't do it. It looks like this:
http://tinypic.com/r/2dtbpd2/8
The js I use:

var handleDataTableColVisHidAP = function() {
"use strict";

if ($('#data-table').length !== 0) {
$('#data-table').DataTable({
dom: 'TRC<"clear">lfrtipS',
"scrollY": "200px",
//"scrollCollapse": true,
//"paging": false,
//"bDeferRender": true,


"columnDefs": [
{ "visible": false, "targets": 0 },
{ "visible": false, "targets": 3 },
{ "visible": false, "targets": 5 },
{ "visible": false, "targets": 6 },
{ "visible": false, "targets": 7 },
{ "visible": false, "targets": 8 }
],

tableTools: {
"sSwfPath": "assets/plugins/DataTables/swf/copy_csv_xls_pdf.swf",
"aButtons": [ { "sExtends": "copy", "sButtonText": "Copy", "mColumns": "visible" }, { "sExtends": "xls", "sButtonText": "Excel", "mColumns": "visible" }, { "sExtends": "print", "sButtonText": "Print" }]
}

});
}
};
Hi Alicumircea,

Thank you for your comment and feedback. We have tested your scripting code and the table rendering is working fine on our site.
http://tinypic.com/r/23w0k0n/8

Can you send us an email / provide us some detail (e.g which browser that you used & html code that you defined for your dataTable plugins)

Best Regards,
Sean.
Hi Sean,

Is scrollY enabled on the picture you sent?

Thanks,
Mircea
Hi Mircea,

Yeah, you are right. The scrollY plugins is enabled on the image that we share on the previous comment.

Best Regards,
Sean.
OMG, you're correct... it seems it works in Chrome and Internet Explorer. I was using Firefox ver.37 which I'm used to while developing. It didn't occur to me to test other browser. Any idea, is this fixable?

Thanks,
OMG, you're correct... it seems it works in Chrome and Internet Explorer. I was using Firefox ver.37 which I'm used to while developing. It didn't occur to me to test other browser. Any idea, is this fixable?

Thanks,
Hi Mircea,

We have provided the solution on your comment below. Do check it out : )

Best Regard,
Sean.
We are considering to purchase the "Extended License", and plan to incorporate it into our software, which will later be released under Apache 2 license. Please could you tell us whether we are allowed to do this under the "Extended License"?

Thanks.
Hi Ticcky,

Thank you for your considering to use our template to incorporate it into your software, but sorry to say that we are not licensing expert and might not be able to answer this question to your. You may contact wrapbootstrap support for more licensing details.

https://wrapbootstrap.com/support

Best Regards,
Sean.
Hi Sean, thanks, but I tried several times and they are not responding.
Hi Ticcky,

Base on our understanding, the most important keyword for extended license is you might be able to license, sublicense, redistribute, or resell the final product. You may refer to this page for more details.

http://support.wrapbootstrap.com/knowledge_base/topics/usage-licenses

Best Regards,
Sean.
This template is wonderful!
I'm having trouble implementing a form using box widget and would like your help .. I have many forms running normally within box widget, but in this particular case, I need 2 widget box with the same height, full height on the page. I put both widget's in a row, with div col-md-6. In another case, in have a widget box in a div col-md-12, and low like to create another widget box full-height, but he does not render this way!

Can you help me? Thank you.
Renato Becker.
Hi Renato,

Thank you for your comment and feedback. Can you send us an email with the code that you have defined for the widget boxes or draw us a simple picture about the widget boxes that you wish to render.

Best Regards,
Sean.
Hi Seanngu

I would like to send you an e-mail with an image related to that talk, what your e-mail address?

Thank you.
Renato.
Hi Renato,

You can find our support email via documentation if you have purchase our template. If you didnt purchase our template, do send us a message via our profile page (https://wrapbootstrap.com/user/seanngu), so that we can send you an email regarding your question. The reason why we didn't share the email address to the public is to prevent some spamming activities. Hope you understand this.

Best Regards,
Sean.
Hi Seanngu

I sent an email to you with my questions, I hope you see when possible.
Thank's!

Renato.
Hi Renato,

We have replied your email with some sample js code. Do check it out.

Best Regards,
Sean.
Hi Sean,

back again with a new question - I'm not able to implement the select inputs described here:
https://datatables.net/examples/api/multi_filter_select.html
I'm using the below js to initialise the table:

var handleDataTableColVisHidAP = function() {
"use strict";

if ($('#data-table').length !== 0) {
$('#data-table').DataTable({

//dom: 'TC<"clear">lfrtip',
dom: 'TRC<"clear">lfrtipS',

//"scrollY": "400px",
//"scrollCollapse": true,
//"paging": false,
//"bDeferRender": true,


"columnDefs": [
{ "visible": false, "targets": 0 },
{ "visible": false, "targets": 3 },
{ "visible": false, "targets": 5 },
{ "visible": false, "targets": 6 },
{ "visible": false, "targets": 7 },
{ "visible": false, "targets": 8 }
],

tableTools: {
"sSwfPath": "assets/plugins/DataTables/swf/copy_csv_xls_pdf.swf",
//"aButtons": [ { "sExtends": "copy", "sButtonText": "Copy" }, { "sExtends": "csv", "sButtonText": "CSV" }, { "sExtends": "xls", "sButtonText": "Excel" }, { "sExtends": "pdf", "sButtonText": "PDF" }, { "sExtends": "print", "sButtonText": "Print" }]
"aButtons": [ { "sExtends": "copy", "sButtonText": "Copy", "mColumns": "visible" }, { "sExtends": "xls", "sButtonText": "Excel", "mColumns": "visible" }, { "sExtends": "print", "sButtonText": "Print" }]
}

});

}
};

var TableManageColVisHidAP = function () {
"use strict";
return {
//main function

init: function () {
handleDataTableColVisHidAP();
}

};
}();

My js script skills are lame....
Hi Mircea,

This plugins require newer version of dataTables library. You may go to the following link and update the plugins library js file (assets/plugins/DataTables/jquery.dataTables.min.js)

https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js

Best Regards,
Sean.
I already did that, but I don't know how to add the initialisation script from that link into the code I already use from above

Thanks for your help,
Hi Mircea,

Here is the solution that we have done for your.
1. For your Firefox Table Styling Overflow, you might need to add the following css:
<style type="text/css">
.dataTables_scroll {
width: 100%;
}
.dataTables_scroll:before,
.dataTables_scroll:after {
content: '';
display: table;
clear: both;
}
</style>

2. Here is some workable sample JS that we have done testing on your previous code.
<script>
var handleDataTableColVisHidAP = function() {
"use strict";

if ($('#data-table').length !== 0) {
$('#data-table').DataTable({
dom: 'TRC<"clear">lfrtipS',
tableTools: {
"sSwfPath": "assets/plugins/DataTables/swf/copy_csv_xls_pdf.swf",
"aButtons": [ { "sExtends": "copy", "sButtonText": "Copy", "mColumns": "visible" }, { "sExtends": "xls", "sButtonText": "Excel", "mColumns": "visible" }, { "sExtends": "print", "sButtonText": "Print" }]
},
"scrollY": "200px",
"columnDefs": [
{ "visible": false, "targets": 0 },
{ "visible": false, "targets": 1 }
],
initComplete: function () {
this.api().columns().every( function () {
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);

column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );

column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
});
}
});
}
};

var TableManageColVisHidAP = function () {
"use strict";
return {
//main function
init: function () {
handleDataTableColVisHidAP();
}
};
}();

$(document).ready(function() {
TableManageColVisHidAP.init();
});
</script>

Screenshot: http://tinypic.com/r/zxl0ch/8

If you have any question, please do not hesitate to contact us via support email.

P.S. Support email is provided inside the documentation page.

Best Regards,
Sean.
Hello how can I remove this ?

http://prntscr.com/6ywaui

I want the panel static
Hi EctoplasMJ,

You may comment out the following function inside apps.js in order to disable the draggable panel.
// draggable panel & local storage
handleDraggablePanel();
handleLocalStorage();
handleResetLocalStorage();

P.S Please remind that you need to minify the javascript if you are using apps.min.js

Best Regards,
Sean.
Hi I am using angular and ui-route but the sidebar seems to bug with it. When I include an ui-view and click on a sidebar link it expand like expected but at the same time get back to his original position "has-sub". Any idea how to fix this issue?

THank you
Hi Lixs,

Do you have any demo link that we can access? So that we can debug it on your site.
Or you can go to the function handleSidebarMenu
inside apps.js and put a simple alert('clicked'); after the code
$('.sidebar .nav > .has-sub > a').click(function() {
to make sure whether is the jQuery triggered twice click per time for the sidebar link.

You can also send us an email (email is provided inside the documentation page), so that we can assist you to solve the problem quickly.

Best Regards,
Sean.
nagasir PURCHASED
it would be awesome if you add datetime picker form plugin for next release.
Hi Nagasir,

Thank you for your comment and suggestion. We will definitely add a datetimepicker
(https://eonasdan.github.io/bootstrap-datetimepicker/) for the next release.

Best Regards,
Sean.
Shepred PURCHASED
Hello,

Thanks for an excellent theme. I am running it with CodeIgniter, and have split the navigation bar into a header.php file, and thus cannot update the "active" status manually for each page. Do you know of any way to do this automatically? I have tried several jQuery scripts, some break it, some just doesn't do anything.

Thanks for any help you may be able to provide.
Hi Shepred,

Thank you for your comment. The navigation bar required your backend language(php) to check the page url and assign the active class. There should have some trouble to use jQuery to assign the active class if your navigation link have the query string value.

Best Regards,
Sean.
Shepred PURCHASED
Thank you for your swift reply. Would you possibly try to help me with this, seeing as I, if I'm honest, am pretty clueless on this topic :-)
Hi Shepred,

Can you send us an email with the requirement that you may wish us to help you? (support email is provided in documentation page). So that we can help you to solve your problem quickly.

Best Regards,
Sean.
Shepred PURCHASED
Email sent! :-)
How do I actually add this to a MVC 5 application? I followed a simple guide here:

http://stackoverflow.com/questions/21839351/is-there-a-walkthrough-for-implementing-a-theme-from-bootswatch-or-wrapbootstrap

but it doesn't actually work. Please could you give me a few simple instructions to get this up and working? Thanks
Hi WoodyJ007,

We have replied your email. Do check it out.

Best Regards,
Sean.
Hello, I was wondering if you guys can help me.

First :

I have a panel with some button to open a windows modal :

http://prntscr.com/713st5

The button is working fine : http://prntscr.com/713t91

But When I try to put a table inside of some tab don't work

My code : http://prntscr.com/713tqf

As you see I can't see the table inside the tab http://prntscr.com/713t91

The table appear below of my panel.. here http://prntscr.com/713u3m
Hi EctoplsMJ,

We can't figure it out whether you are using a tab inside a panel or something else. Can you send us an email with the full HTML code (panel / tab) that you have written? So that we can help you solve the problem quickly.

p.s support email is provided in documentation page.

Best Regards,
Sean.
bytheway PURCHASED
First of all... THANKS! I really enjoy working with this template. But I have a problem. I just started to understand which profits AJAX has and I want to work with it (I'm pretty new to HTML/CSS/AJAX stuff. I just started with php this year and I had no time to look at this stuff.). Like in your AJAX example, I want to have my navbar and sidebar in a layout (your index.html file) and the relevant content in a seperate file (like your index_v2.html file).
But I need to know 2 things:
1. How can I create an AJAX link which just requests the data/sub-view. (I'm using laravel)
2. How does your site work? If I open index.html in my browser and inspect the source code I can see the ajax container but no content. But still the page is fully rendered. How does that work? Or do I missunderstand AJAX?
Hi Bytheway,

Thank you for your comment and feedback. Regarding your question:

1. Here is some example code for button to trigger ajax click
HTML
=======
<a href="#" data-click="ajax-retrieve-action" data-url="---your url here---">Retieve</a>

JS
=======
$('[data-click="ajax-retrieve-action"]').live('click', function(e) {
e.preventDefault();
var targetUrl = $(this).attr('data-url');
$.ajax({url: targetUrl}).done(function(data){
alert(data);
});
});

2. The reason why the ajax version didnt load properly in your browser is because ajax is required to load in server host. If you are execute the ajax version in your localhost, you should be able to see the content is loaded properly.

Best Regards,
Sean.
bytheway PURCHASED
Wow, thanks for the answer. Well, as I'm still looking into Ajax, I have one last question for you :)

How does the integrated ajax container work? I don't really understand the documentation on this.
"You may use the attribute data-toggle="ajax" to call the javascript function. The href is the target location / target url that retrieve the ajax content. If you wish to configure the AJAX content page load function, you may refer to the javascript function name handleLoadPage inside /assets/js/apps.js."

Can you give me more detailed information on this? For example I want to retrieve content form "myapp.com/ajax/dashboard". How can I do this?
Our do I have a false understanding of the ajax container?
Hi Bytheway,

Our ajax function concept is like this:
1. ajax call the url
2. retrieve the HTML code
3. display the HTML code in the target container
There have multiple ways to use the ajax. You may get the JSON format data from your back end system, retrieve the HTML content, post the data to back end and etc. If your url (myapp.com/ajax/dashboard) is returning HTML code, our ajax function will replace the content inside the container with your returned HTML code.

Best Regards,
Sean.
bytheway PURCHASED
Ah okay. Then it is weied. The link just causes a normal request, not an AJAX request. What could be my problem?
Hi Bytheway,

You need to allow the POST request to your .html file in your server / localhost setting. Basically you can write your own ajax request function by refer to the following link.
http://api.jquery.com/jquery.ajax/
It is pretty simple and easy to understand.

Best Regards,
Sean.
bytheway PURCHASED
Okay, thanks for the great support :) ONE last question ^^ In which file do I find the ' data-toggle="ajax" ' function??
Hi Bytheway,

You may find the data-toggle="ajax" function in assets/js/apps.js (in ajax version).
FUNCTION: 18. Handle Ajax Sidebar Toggle Content (handleSidebarAjaxClick)

Best Regards,
Sean.
mes13310 PURCHASED
2 questions

Is there a way to make the up/down scroll bar on the navigation menu a lighter color so it stands out? When the menu is longer than the screen (on a computer) the scroll bar is hard to see. It took me a minute to figure out how to access the bottom of the menu below my screen.

Using the ajax version, if I rename index.html to index.aspx the #ajax/some_page.html doesn't load (error 404). I would like to use the ajax version with ASP.NET using .aspx extension, can this be done? How?

Thanks
Hi Mes13310,

Regarding your question,
1. You can use the following css to change the sidebar scrollbar color.
<style type="text/css">
.sidebar .slimScrollBar {
background: rgba(255,255,255,0.5) !important;
}
</style>
2. You need to configure your server in order to allow POST / GET request to the .aspx file.

Best Regards,
Sean.
hello sean, I bought the template in april... the single application one. Does this mean that I get no actualization? because I would like version 1.7, thanks!!
Hi Limon,

You may able to re-download the file from the following link.
https://wrapbootstrap.com/support/download-resender

Best Regards,
Sean.
Instead:
<link href = " http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700 " rel = " stylesheet" >

How can I use this font locally?
Hi Crisaf,

You can download the google font here:
https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

Here is some tutorial how you can use your own font family from your local / server.
http://www.w3schools.com/css/css3_fonts.asp

Best Regards,
Sean.
candoa PURCHASED
I reviewing this template and deciding wether or not I should buy it. after carefully examining the template, I love it. The question I have is that the template image 1920 by 1080 in the following pages

http://seantheme.com/color-admin-v1.7/admin/html/login_v2.html and in the http://seantheme.com/color-admin-v1.7/frontend/one-page-parallax/index.html

they don't look right in the Imac 5k display. it looks like is need a bigger image or better responsive technique.

Thanks in advance

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
5870Purchases

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: