How can we use fontawesome in the sidenav?

I use:

<i class="sidenav-icon fas fa-search-dollar">

but it does not work.

You can use any icons with sidenav, even not included in the Appwork. The thing is that "fa-search-dollar" icon doesn't exist, maybe "fa-dollar-sign"... Also, do not forget to check that the required font is included in the head section of the page.

Best regards, Sergei.

How can I use the SCSS files in my WordPress?

I pasted the style.css of the theme to my child theme. I didn't get the look I want because of the SCSS files. I'm using the Static HTML 5.

Virtuallio Team
Hi Virtuallio Team,

You can copy appwork-v1_1_0/src directory to your theme's directory and edit "buildPath" option in src/build-config.js. For example, if you have copied the src directory in "project_dir" and you're using "project_dir/public/vendor" directory for static assets then set the "buildPath" to "../public/vendor". After that go to the src directory and compile assets (see docs/html5.html).

Best regards, Sergei
Hi Sergei,

I encountered some serious issues with bootstrap.js. Any fix for this?

Uncaught TypeError: Cannot read property 'fn' of undefined
at setTransitionEndSupport (util.js:62)
at eval (util.js:144)
at eval (util.js:147)
at Object../node_modules/bootstrap/js/src/util.js (bootstrap.js:221)
at __webpack_require__ (bootstrap.js:27)
at eval (bootstrap.es6:6)
at Object../js/bootstrap.es6 (bootstrap.js:89)
at __webpack_require__ (bootstrap.js:27)
at bootstrap.js:76
at bootstrap.js:79
at bootstrap.js:3
at bootstrap.js:7

Virtuallio Team
Hi Virtuallio Team,

Did you include jQuery in the page? Also, please note that jQuery must be included before of bootstrap.js.

Best regards, Sergei.
Hi Sergei,

We're using your theme inside WordPress environment. Currently Wordpress is using jQuery v. 1.12.4. They're not going to upgrade their jQuery version since WordPress is still supporting old browsers, plugins and themes which will be damaged if they do so.

As a workaround, I have tried to add the jQuery v3.2.1 in the page but it affected of my plugins so I'm not able to use the latest version and will rely on v 1.12.4.

Any idea on how we can get rid of the bootstrap.js problem?

Virtuallio Team
Hi Sergei,

WordPress default jQuery v. 1.12.4 can handle Bootstrap 4. Btw, I managed to get rid of the error with bootstrap.js.

What I did was I replaced the content in /dist/js/bootstrap.js with the content of https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js.

I think there was a problem compiling the src folder.

Anyway, for additional information, I used npm build:prod for compiling.

Did I miss something?

Virtuallio Team
Hi Virtuallio Team,

Hmm, it's strange. I have checked all pages within html-demo and extra-pages directories with jQuery v1.12.4 and everything works fine, I didn't get any errors. Could you clarify what exactly errors you got, maybe paste error messages here? Also, what OS and browser you're using?

Best regards, Sergei
Hi Sergei,

I've created a short clip of the error that you can watch here: https://www.youtube.com/watch?v=37KfihYOFhM&feature=youtu.be

By the way, I'm using Windows 10 and latest version of Google Chrome.

This error is kinda strange considering they're both v 4.1.3.

Thank you,
Virtuallio Team
Hi Virtuallio Team,

Ok, now I understand what type of error you're getting. But I still have no idea why it's happening.. Could you try to open src/webpack.config.js and remove the next lines:

{ // Remove imports
test: /node_modules(?:\\|\/)bootstrap(?:\\|\/)js(?:\\|\/)src(?:\\|\/)\w+\.js$/,
use: {
loader: StringReplacePlugin.replace({
replacements: [{
pattern: /import.+?from\s+['"](.+?)['"];?\n/ig,
replacement: (m, $1) => $1.toLowerCase() !== './tooltip' ? '' : 'import Tooltip from \'./tooltip\'\n'

Then compile sources in dev mode (npm run build) and upload on the server. Will you still get this error? If so, please give me the line number where the error is occurring.

Best regards, Sergei.
Please check : https://www.templatehouse.net/premium-admin-templates/
I am trying to load the routes and i saw i have this issue.

vue.runtime.esm.js?2b0e:587 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

(found in <Root>)

Any clue how can I solve this issue?
Ignore the message.
I migrated from vue cli <3 to vue cli>3 and in the mail.js the new Vue instance was not the same. Now it's work
i am trying to instal this on my xampp localhost server buts its not coming up with the actual dashboard itself.

What version you're trying to serve with xampp?

Best regards, Sergei.
ive upload it all on laragon as im now building it on there the login page cant be connected to any other page becasue its not coded in. please advice
Hi I have a problem with NGX sweet alert and the bootstrap modal popup.. there is a conflict.. the modal popup has a dark screen without the popup when NGX sweetalert is implemented or active. is there a code or css change to overcome this?

It's hard to say anything without knowing the implementation. Could you send me repro steps or/and code example through the contact form in my profile?

Best regards, Sergei.
Thanks for the work on this theme. One of my best purchase, it is beautiful, versatile and the UI Kit phenomenal.

Thank you for the kind words! It's my pleasure :)

Best regards, Sergei
amirzandi PURCHASED
Very strange, I can not add any other css or js files for customization. If I add anything, appwork is disable it.
No css class applies except appwork classes which is very bad.
Hi Sergei,

First of all, congratulations with your theme. Easily one of the highest quality themes I have purchased, code- and design wise. I have one question: how can I set the theme without using the theme-settings widget? Do I need to manually include the css file and set a class somewhere? I am using the angular-starter version.

Could you also invite me to the private repo? Thanks in advance.

Best regards,
Just adding my voice to the chorus of praises ;)

I used this template in a django application. It was very forward to integrate, and always gets compliments when presented. Every single thing I wanted to display in my dashboard had an equivalent in this UI kit, so I could really focus on the backend without ever worrying about the frontend.
For all my needs there is a pre-made and styled javascript/css package included that does exactly what I want (with the small exception of a full year calendar, for which I found a different plugin).

Even as a newbie to bootstrap, I was able to navigate, understand and slightly modify the code to my needs. It's exceptionally well structured and clear code. Installation and building is easy and well documented.

I was actually surprised, how little effort it took to build an amazing looking application with this template.

100% satisfied, for 25$ this is actually a steal.

Thank you, Sergei!
- Bernhard

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 $25
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Fluid
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Topic: Internet & Web
Labels: admin, angular, application, dotnet, html5, jquery, laravel, mvc, rails, vue
Released:4 months ago
Updated:3 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