FAQ on using Falcon

Below you'll find answers to the questions we get asked the most.

You will find HTML pages in the public directory. If you want, you can include the file over there and make the project live. You can write SCSS which is generated to the CSS file in the public/assets directory. We also used a pug template engine to generate all HTML files which one is very helpful for easy customization.

For detailed documentation, check the following link: https://prium.github.io/falcon/v3.9.0/documentation/getting-started.html.

Minimum requirements to run Falcon v3.9.0

  • Node v14.18.1
  • npm v6.14.5
  • Bootstrap v5.1.3

After running gulp you can start customizing the Falcon using Pug. You can start customizing from src/pug/pages/starter.pug where minimum styles and scripts are included to run Falcon theme.

Or you can update html files directly from the public directory.

You are not required to use pug, gulp, node, or any other workflow tools.All the HTML files are ready to use under the public folder. Just take a fresh copy of Falcon, open any HTML files in the public folder, and you can edit it as you like. Plane and simple HTML.

Updating from any earlier version of 3.x to v3.9.0:
Check out the following link and follow the changes: https://prium.github.io/falcon/v3.9.0/changelog.html

Updating from version 2 to version 3:
As the latest versions of templates and all their packages have different structures behind their components, you have to update all the components manually into your project.
So, it would be better to start building applications with the Bootstrap 5 version of Falcon from scratch. You can include any components from Bootstrap 5 version to your project. Bring the component and its required SCSS and place it into your current project.

You will find the Figma link in the README.md file on your downloaded copy of Falcon. Here is the detailed documentation: https://prium.github.io/falcon/v3.9.0/documentation/design-file.html.

If you still have any problem with the link, reach us out with your purchase ID at support@themewagon.com

Falcon is made out of HTML, CSS, and JS. You can not use Falcon as a "Native" component library for an android or iOS app. But if you use a web-view for your app or use a framework that uses HTML, CSS, and JS for mobile app UI, yes, you can use Falcon in that case

Many of our customers are using Falcon with Django. Using Falcon is like using Bootstrap with Django, just with some extra features.

For a starter, you need to take all the CSS and JS file from Falcon's public/assets folder to your project and link them to your view files. You can find all the required scripts and styles on the source of the starter page.

It is also possible to compile the SCSS and use the ES6 JavaScript partial files with Django using Falcon's built-in gulp based workflow.

We are afraid, there is no Blazor version of Falcon and no Blazor expert in our team at this moment. But we think, you would be able to use it just like Bootstrap, only an extended version.

In Falcon live demo, we are previewing both combo nav and top nav together. To apply top nav layout to any page, check the documentation in Falcon https://prium.github.io/falcon/v3.9.0/modules/components/navs-and-tabs/top-navbar.html.

You will also get the example of navbar top layout page in public/demo/navbar-top.html. Also check the following link for top nav: https://prium.github.io/falcon/v3.9.0/demo/navbar-top.html.

In the same way, you can implement the Combo nav layout. Here is the documentation of combo nav layout: https://prium.github.io/falcon/v3.9.0/modules/components/navs-and-tabs/combo-navbar.html.

Example page:
https://prium.github.io/falcon/v3.9.0/demo/combo-nav.html.

Why did we keep it different? Because in the demo, we included HTML codes for all the Navs on every page. But most of our users need to use only one nav and do not want their users to give the option to change the nav. That’s why we redirected the settings to the corresponding documentation page to see how they can configure it

Falcon works nicely with Laravel.

Good news is we have a starter project made with laravel mix and Falcon. We made that sometime earlier to test the compatibility. This project is privately available. If you are interested, after purchasing Falcon, please send your purchase ID and we will send you the starter project.

Falcon works fine with laravel 8x.

Currently, we do not have any Angular version of Falcon. But we have several users who use Falcon with Angular. To use it with Angular, think about how you would download and use Bootstrap itself with angular. Falcon is like an extended version of Bootstrap. You will get all the assets (CSS and JS files) ready to use in the public folder. The minimum styles and scripts you need to start can be found on the source of the public/pages/starter.html.

You can also use the uncompiled SCSS and ES6 scripts from the src folder on any angular project. In that case, you need to compile them. But it is more convenient/faster to use the JS and CSS from the public folder.

Try deleting the package-lock.json and node_modules folder and then run npm i again.

I'm afraid we do not have any documentation on rails integration yet or any version for Ruby. But you may find the following link useful. Since all the Bootstrap themes are structured in a similar fashion, you may find it helpful: https://rubyyagi.com/how-to-integrate-html-bootstrap-theme-into-rails-6/.

Thank you for creating with Falcon |
2022 © Themewagon

v3.9.0

Settings

Set your own customized style

Color Scheme

Choose the perfect color mode for your app.


RTL Mode

Switch your language direction

RTL Documentation

Fluid Layout

Toggle container layout system

Fluid Documentation

Navigation Position

Select a suitable navigation system for your web application


Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize