1399 comments

Hello Seanngu,

Can u send me the mail id..

Thankyou
Hi Shirisha,

Once you have purchase our template, the documentation page is included in the downloaded files. Our support email can be found via our documentation page.

Best Regards,
Sean.
Hello,

Site Name

Mega
UI Kits
FontAwesome
Ionicons
Simple Line Icons
Typography
Media Object
Widget Boxes
Tabs & Accordions
Unlimited Nav Tabs
Modal & Notification
Buttons
Page Options 11
Blank Page
Page with Footer NEW
Page without Sidebar
Page with Right Sidebar
Page with Minified Sidebar
Page with Two Sidebar
Page with Line Icons
Full Height Content
Page with Mega Menu
Page with Light Sidebar
Page with Large Sidebar
and so on...

Im getting the output in that way..

<?php
include_once("C:/webpages/angularjs/template/header.html");

?>
<html>

<head>
<title>
Fun Data
</title>

<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>

<div ng-app="" ng-controller="studentController">

<table>
<tr>
<td>ADVANCES</td>
<td>
{{ students.adv_percent }}
</td>
</tr>
<table>
</div>
<script>
function studentController($scope,$http){
var url="http://localhost/angularjs/link.php";
$http.get(url).success( function(response){
$scope.students =response;
});
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">
</script>
</body>

</html>
And this is the code
Hi Shirisha,

To protect our customer priority of support, you might need to request the documentation files from your companies in order to get our support email.

Best Regards,
Sean.
Hello Seanngu,

I have provided the sample code kept in that file nd the output..As this is companies project i have only few files which are required dont have that documentation..So can u help me with the above info

Thankyou..
Hi Shirisha,

To protect our customer priority of support, you might need to request the documentation files from your companies in order to get our support email.

Best Regards,
Sean.
Hello Seanngu,

Thankyou for ur support..ill ask for the details and mail u..
Hi Shirisha,

No problem. : )

Best Regards,
Sean.
reeehman PURCHASED
Dear Sean,

How to make the header transparent in one page parallax front end theme? I need all the brand name logo and navigation menu texts to be visible in header but instead of solid background, I need a transparent background with the Home image scaling to full window. Please guide me.
Hi Reehman,

You may add the .navbar-transparent to the header container like the following example:
<div id="header" class="header navbar navbar-transparent navbar-fixed-top">

Best Regards,
Sean.
Dears,
How can i get the date picker value after selected.

<div class="input-group date" id="datepicker-disabled-past" data-date-format="dd-mm-yyyy" data-date-start-date="Date.default">
<input type="text" class="form-control" placeholder="Select Date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>

after i select the date <input> field still doesn't have value as property. how can i get it ?
?
Hi Khaledwj90,

Regarding your question, you should put a input form name in order to get the input value.
<input type="text" name="input_date" class="form-control" placeholder="Select Date" />

Best Regards,
Sean.
Siel347 PURCHASED
Hi, I was wondering if you have in plans to create an Angular 2 seed of this template?? Thanks :D
Hi Siel347,

Thank you for your comment and feedback. Yeah, you are right. We are planning to have Angular 2 in next version release.

Best Regards,
Sean.
Hi Sean,
When do you expect the next release to be? Specifically when will there be an Angular 2 seed available?
Many thanks,
Niall
Hi Niall,

Thank you for your comment and feedback. The actual release date for next version v2.1 will be within this two month. Once we have finalise everything, we will upload it to wrapbootstrap system and you will receive an email to download a new version for Color Admin.

Best Regards,
Sean.
I tried to add a second line in page header ,but the header was enlarged and concealed some content under it. Do you have any advise to fix these problem.
Hi LuciaVeldera,

Can you send us some screenshot / html code that you have written? So that we can help you to debug on our side.

Best Regards,
Sean.
This is Khaledwj90.

i asked a question about date & date_time picker how to get the value. i need to get the value without click on form submit button i need to use javascript to read <input> value after user click on a button. i added (name="input_date") and i still not able to get the value.
Hi Khaledwj90,

If you are using jQuery, you may use the following code to retrieve the input value.
E.g
<script>
var dateValue = $('input[name="input_date"]').val();
</script>

If you wish to use the pure javascript, you may refer to the following example
E.g
<script>
var dateValue = document.getElementById('myFormId').elements.namedItem('input_date').value;
</script>

Best Regards,
Sean.
reeehman PURCHASED
Dear Sean,

How to place a brand image (logo) in the header. Please suggest with code example. Thanks in advance.
Hi Reeehman,

Regarding your question, you may refer to the following example

<style type="text/css">
.brand-logo {
border: none;
width: 100px; /* your logo width */
height: 30px; /* max height of the logo */
background: url('your-company-logo-url');
background-repeat: no-repeat;
background-size: auto 100%;
}
</style>

Best Regards,
Sean.
reeehman PURCHASED
Dear sean,

how to add a tooltip to button in one-page-parallax theme. please suggest. Thanks in advance.
Hi Reeehman,

You may refer to the following example for how to add a tooltip

<a href="#" class="btn btn-default" data-toggle="tooltip" data-placement="top" data-trigger="hover">button</a>

<script>
$(document).ready(function() {
if ($('[data-toggle="tooltip"]').length !== 0) {
$('[data-toggle="tooltip"]').tooltip('hide');
}
});
</script>
Dears,
when i remove the chart row in main page (dashboard v2) i got below error :

Uncaught Error: Graph container element not found.

how can i solve this issue?

i removed below section

<div class="row">
<div class="col-md-8">
<div class="widget-chart with-sidebar bg-black">
<div class="widget-chart-content">
<h4 class="chart-title">
Visitors Analytics
<small>Where do our visitors come from</small>
</h4>
<div id="visitors-line-chart" class="morris-inverse" style="height: 260px;"></div>
</div>
<div class="widget-chart-sidebar bg-black-darker">
<div class="chart-number">
1,225,729
<small>visitors</small>
</div>
<div id="visitors-donut-chart" style="height: 160px"></div>
<ul class="chart-legend">
<li><i class="fa fa-circle-o fa-fw text-success m-r-5"></i> 34.0% <span>New Visitors</span></li>
<li><i class="fa fa-circle-o fa-fw text-primary m-r-5"></i> 56.0% <span>Return Visitors</span></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-inverse" data-sortable-id="index-1">
<div class="panel-heading">
<h4 class="panel-title">
Visitors Origin
</h4>
</div>
<div id="visitors-map" class="bg-black" style="height: 181px;"></div>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-inverse text-ellipsis">
<span class="badge badge-success">20.95%</span>
1. United State
</a>
<a href="#" class="list-group-item list-group-item-inverse text-ellipsis">
<span class="badge badge-primary">16.12%</span>
2. India
</a>
<a href="#" class="list-group-item list-group-item-inverse text-ellipsis">
<span class="badge badge-inverse">14.99%</span>
3. South Korea
</a>
</div>
</div>
</div>
</div>
<!-- end row -->
Hi Khaledwj90,

You might need to remove the graph & vector map rendering function in dashboard-v2.js as well.

handleVisitorsLineChart();
handleVisitorsDonutChart();
handleVisitorsVectorMap();

Best Regards,
Sean.
Are you going to add a pivot table example in future to this template?
Hi Sunilkale306,

Thank you for your feedback and suggestion. We will try to include pivotTable.js in next version release.

Best Regards,
Sean.
In your angular version I dont see any wizard x-editable and multiple file uploads feature. Any particular reason for the same?

I would like to have it. How is it possible?
Hi Sunilkale306,

Thank you for your comment and feedback. You may refer to the following example for how to create a simple wizard:
https://www.codeaddiction.net/articles/36/a-very-simple-wizard-in-angularjs-and-bootstrap

Best Regards,
Sean.
hojin PURCHASED
How do I install a theme?
Do I need to fix one?
How do you DB connections?
Hi Hojin,

For your information, our template is purely build with HTML/CSS/JS which does not include any backend programming language / db connections. This is to ensure that our template can be easily integrate into any application / framework / programming language.

Best Regards,
Sean.
Hello Seanngu,

Can you guide us how to set the left side menu section collapsed by default on page load. On each page we 'll click the expand link whenever it is required. We have tried at "data-click=sidebar-minify" apps.min.js section but could not get success.

Thanks,
Hi Mansipandit,

Thank you for your comment and feedback. You may refer to our documentation page, page options section. For minified sidebar, you just need to add the class .page-sidebar-minified in your page container.

<div id="page-container" class="fade page-sidebar-minified">
...
</div>

Best Regards,
Sean.
Thanks a lot Dear Sean.

One more thing. Can you please guide how to set the Header Styling class inverse by default .

Regards,
Mansi Pandit
Hi Mansi,

You just need to change the navbar-default class from header to navbar-inverse will do.

FROM:
<div id="header" class="header navbar navbar-default navbar-fixed-top">
TO:
<div id="header" class="header navbar navbar-inverse navbar-fixed-top">

Best Regards,
Sean.
Hello. Here is our order
Order#: WB0S53J17

I would like to kindly ask if we can change the color of this template and set other than the default 4 themes have.

We cannot add default.css because the theme becomes unusuable if we change it.

Can you please advice?

I'm looking forward for your reply.

Best Regards
Angelos Kynigalakis
Hi Aparadektos,

You may change the default.css or other css files inside the theme folder. It should be able to change the default.css or other 4 theme files because we are setting the major color theme there.

If the issue still occur, you may send us an email and explain more detail regarding the issue that you have.

P.S Support email can be found via our documentation page.

Best Regards,
Sean.
I want to use a jstree feature but with a different approach. I want to show a add/edit/delete button icon next to the menu instead of a context menu and those button will function the same way as the context menu. How do I do that. Early help will be appreciated
Hi Sunilkale306,

Regarding your question, you may refer to the following example for how to add buttons into the jstree menu.

<ul>
<li>
<span class="content">File</span>
<span class="actions">
<a href="#" data-action="add">Add</a>
<a href="#" data-action="edit">Edit</a>
<a href="#" data-action="delete">Delete</a>
</span>
</li>
</ul>

Best Regards,
Sean.
I am not able to use the example that you had mentioned. I want the tree feature to have buttons add/update/delete buttons next to one of the node and which would be visible on mouse over of any node .
Hi Sunilkale306,

The example that we provide is to let you know how to have the button element in line with the jstree menu. You might need to configure it yourself in order to fulfill your requirement. If you still do not manage to configure it, do send us some screenshot / sketch regarding your question.

P.S Support email can be found via documentation page.

Best Regards,
Sean.
I sent you my query to the email id mentioned in support document. Awaiting your reply.
Hi Sunil,

Yeah, received your email and we have replied your email with a simple showcase for your requirement.
Do check your email : )

Best Regards,
Sean.
myspivey PURCHASED
Do you have plans to integrate standard build tools such as Grunt or Gulp?
Hi Myspivey,

Thank you for your comment and suggestion. We will look into it and integrate it in our future version release.

Best Regards,
Sean.
Hi,

If I click on validate button on Form validation page without entering anything in the fields it shows several error message saying the fields are empty. and If I click on any other navigation link then the page does change but the error remains as it is even on that new page. This is an error. Can you please give some solution for this?

Thanks & Regards
Sunil Kale
Hi Sunil,

We have tested on our form validation page and it is working fine on our page.
http://seantheme.com/color-admin-v2.0/admin/html/form_validation.html

Can you send us some screenshot regarding the error / issue that you are facing right now?

Best Regards,
Sean.
Hi Sunil,

Thank you for your report and comment. We have checked the screenshot that you have send to us.
You may destroy the tooltip when the page load / reload in order to solve the issue.

$scope.$on('$stateChangeStart', function() {
if ($('.tooltip').length != 0) {
$('.tooltip.').remove();
}
});

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

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: