Hi dear.

Purchased your few days ago to adapt your beautiful design for one of customer's project. Most of the things are going on smooth but I faced a trouble to refresh charts. I followed the source code and crated a pie chart successfully with my own data, but having a hard time to add up search term condition and reload the chart. If you can get me with a little advice it would be appreciated.
Many thanks in advance.
Hi KarlJeong,

Thank you for purchasing and reaching out to us!

We used charts libs for charts and the best way to achieve your goals is to check their docs.

Have a wonderful day!
Sorry for the late reply.

Just solved it with jquery to empty the chart area and redraw.

Thank you.
Hi dear.

I have another question about pagination. I made a dynamic table with jquery and it works with client-side as default. Is there any way to use server-side feature? I tried it with normal jquery and datatable lib but it is not working. Please leave me a guide.

Thanks you.

What lib have you used for the data tables in your project, please?
Sorry for my late reply.

I included 'jquery.dataTables.min.js' for the server-side pagination but it didn't work for me.
Hi KarlJeong

What kind of LightBlue do you use?
Does the angular version support SSR?
Hi Jirungaray,

No, it does not support SSR at the moment.

Merry Christmas and Happy New Year!
I am planning to purchase this template (extended version). I wanted to know whether can I customize it according to my Client's requirement, for instance, customizing the scroll bar(adding color and style to it) or adding a collapsible sidebar menu.

Hi Jayati,

Yes, but, please, notice that you'll have to change theme's sass for it.

Happy Holidays!
Notice a bug in the demo @ mobile layout. The dashboard item will be overlapped by the nav menu if second level menu is expanded.
Hi Choi2k,

I tried to reproduce your issue, but it works fine for me. Can you add some details of your steps?

Thank you!
How can I configure angular app to use the html-transparent template instead of the dark one ?
Hi Cguerin

Unfortunately you have to copy all styles by yourself.
We are working on the theme support right now.

Thank you.
does this template support RTL? if yes I will buy it now
Hi Hamzehhirzallah

No we don't support RTL .

Thank you.
Hi! I'm running Angular-Seed version and it seem to lack Nested List component. Will it appear in future releases?
Hi, pupizoid!

We will discuss this feature
Hi, pupizoid!

We will discuss this feature
What is the .net template forecast?
Hi, jpdelboni!
We are going to develop .net version, but not in the near future.
I want to buy your template and I need timeline, chat, profile pages of your SING template, I mean social pages mostly. Is there any plan to include those pages here ? I want these features in angular.
Hello wasim221,

Thank you for your purchase!

Yes, indeed we are going to add these pages to Light Blue in the next release.

Best regards,
Hello. I have purchased this product and want to use react seed project provided in the package.
Can you please help me with how to change the theme from default dark version to white or light version.
Dear mithleshdhore,

You will have to manually copy scss file contents from light theme of html version to react version, since themes are currently supported only by html version.

Best regards,
Hi, your theme looks amazing and I would love to buy it! I noticed a few bugs though. I've tested this on all major browsers and they have the same problem.

1. On mobile devices and narrow screens, when opening the main menu and then clicking on the sub menus (such as Special and Menu Levels), the menus seem to float underneath the large "Dashboard" heading. To fix this the page content also needs to slide downwards when selecting sub menus.

2. On mobile devices, when opening the main menu and you then try to scroll down to reach the bottom menu items, the menu closes automatically.

3. The small menus on dropdown menu buttons will popup underneath menu buttons below it. For example, click on the Forms -> Account menu, and then click on the "Mobile" dropdown menu button, notice that it opens up underneath the button below it.
Hi, Donatello!

Thanks you, we will fix that bugs.

Have a good day!

getting this message in console :

attempt to load page while already loading; preventing. - function(e){

when try to click on link and page not loading...
Hello, thank you for contacting us!

Could you please give us more details on it? Which version do you use and what link have you clicked on to get this error?

First, I'm very satisfied with this template.

I need to isolate all lightblue styles bundled up by webpack from scss folder from another page elements which using original bootstrap.css. For example prefix all class with 'lightblue' and wrap the app element. Something like this:

<button class="btn btn-success">Hello</button>
<div class="lightblue">
* Inline css to add simple styles for loader.
* Is going to be replaced by angular after bootstrap.

app {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 45vh;
text-align: center;
background-color: #eee;
font: 14px sans-serif;
<!-- Scripts will be injected by webpack here -->

Thanks forward
Hello, thanks for you feedback!

Could you please clarify the request a little bit? I didn't really get what you want to implement. And what template version do you use here?

Thank you!

My main issue is the page has a header and a footer. Between these the content is an angular5 app. The header and footer based on bootstrap css while the angular app I want to use the the lightblue "style". To avoid class name conflicts lightblue style need to be isolated from the original bootstrap. First my page content was an angular cli app + the application,css of lightblue html version. Solve the issue was relatively easy with prefixing the application.css by lessc (like: https://formden.com/blog/isolate-bootstrap). After it I have simply need to wrap the content with <div class="lightblue">...</div>. But I had difficulties at some cool elements f.e. select2 select with search. Now I want to use lightblue angular5 template instead the alngular cli + application.css from the html template version. The angular5 template - which is friendly for me - uses sass compiler and the style output is bundled to .js file (if I'm thinking right). I suppose there is a postcss process feature in webpack which add .lightblue prefix to all css class referenced from the scss folder. After it the only thing I need to do is add class property to the app element <app class="lightblue">...</app>. By this way the content style could be isolated from header and footer.

Thank You!
Hi DrApple79!

Thanks for purchase!

So, could you please clarify what is your issue?

Any idea when it will be updated to Angular 6?
Hi carlosost!

Thanks for purchase!

I think it will be ready definitely within one month period. We will try our best to do it faster.

i am not able to build the angular 5 code, i'm getting this error, emailed the support multiple times with no response!

> [email protected] webpack-dev-server /Users/xxxxx/Documents/websites/light-blue-wrapbootstrap-v4.0.1/angular5
> node --max_old_space_size=4096 node_modules/webpack-dev-server/bin/webpack-dev-server.js "--config" "config/webpack.dev.js" "--open" "--progress" "--profile" "--watch" "--content-base" "src/"

10% building modules 3/3 modules 0 activeevents.js:183
throw er; // Unhandled 'error' event

Error: listen EADDRINUSE
at Object._errnoException (util.js:1022:11)
at _exceptionWithHostPort (util.js:1044:20)
at Server.setupListenHandle [as _listen2] (net.js:1367:14)
at listenInCluster (net.js:1408:12)
at GetAddrInfoReqWrap.doListen [as callback] (net.js:1517:7)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:97:10)
how can i use react version of lightblue in my c# .net core project
i need have html file in react version to use in my project
Hi, boozary.

Please, explain what do you want.

Have a good day.
yarn build --static
The react version is having some problems with the package. Please update all the packages to new version. Thanks
Hi, MemoChou!

We will discuss this.

Thanks you for using our products!

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


Licenses: Details »

Single application $32
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Topic: Internet & Web
Labels: ajax, angular, bootstrap, css3, react, responsive, retina, scss, spa, ssr
Released:5 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap


Signed up 5 years ago

Need a front-end template?

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 10/11
  • Latest Opera

Features & includes

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

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation