I use a simple bootstrap modal from bootstrap 4.0 documentation, when I show the modal, modal is not visible and transparent layer will prevent me to click anywhere on the page.

This is the code of my modal:

<div class="modal fade" id="modal_komplain" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Komplain</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="text-center"><?=dom_img_spinner?></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>

The class "active" is added to similar names on expansible menus.
If you got a menu item like: "Sections" and another link like "Related Sections" on 2 differents expansibles menus, when you open the first, the class "active" is also set to the second.

i buillt an angular app with this template but i find out that everytime i import scss file the size of main.js is increasing. can anyone help me please

Left menu is not visible in case of Mobile or tablet view

After download the code.

%/src/demo_1/pages/icons/font-awesome.html

(icons not showing)

gulp --version

CLI version 2.1.0
Local version 4.0.1

gulp serve

assert.js:350
    throw err;
    ^

AssertionError [ERR_ASSERTION]: Task function must be specified

How can use partial element in HTML?

@bootstrapdash-team

Supporting BS5 should be easy using this sed-upgrade.sh

set -x
set -e
# e.g. folder to process e.g. "frontend/"
migration_folder=$1
find_regex=".*/*.tsx?" # mach all .ts and .tsx files
# include trailing path "/" in folder parameter: e.g "frontend/" instead of just "frontend"
ignore_path="*/$1node_modules/*"
# Back up your files or change sed argument -i to -i.bak to generate backup files
find $migration_folder -regextype posix-egrep -regex $find_regex -type f -not -path $ignore_path | xargs sed -i -E '/[(class)(")]/{
  s/([mp])l(-[0-5])/\1s\2/g
  s/([mp])r(-[0-5])/\1e\2/g
  s/no-gutters/g-0/g
  s/ close / btn-close /g
  s/arrow/popover-arrow/g
  s/arrow/popover-arrow/g
  s/left(-[0-9]*)/start\1/g
  s/right(-[0-9]*)/end\1/g
  s/(float|border|rounded|text)-left/\1-start/g
  s/(float|border|rounded|text)-right/\1-end/g
  s/font-weight(-[a-zA-Z]*)/fw\1/g
  s/font-style(-[a-zA-Z]*)/fst\1/g
}'

How to use this tmlate with laravel please?

how to upload files? i can't upload file, the button not working

How should I make template RTL? I saw it was RTL compatible!

nav right side menu item
(Manage Accounts
Change Password
Check Inbox
Sign Out )
not found when screen get smaller

hi, can I use this free admin template for commercial projects
example: I'm making a Laravel e-commerce application using this admin template, and I want to sell on codecanyon. Is there no future problem regarding license?

it doesn't create a index.html file even though it is supposed to and installed correctly.
here is the log:
`npm install
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: jvectormap is not maintened since Aug 2015. You can use jvectormap-next or jqvmap instead.
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: Critical bug fixed in v3.0.1, please upgrade to the latest version.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: This module relies on Node.js's internals and will break at some point. Do not use it, and update to [email protected].
npm WARN deprecated [email protected]: Critical bug fixed in v2.0.1, please upgrade to the latest version.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Critical bug fixed in v3.0.1, please upgrade to the latest version.
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

[email protected] install path/node_modules/node-sass
node scripts/install.js

Cached binary found at /root/.npm/node-sass/4.12.0/linux-x64-72_binding.node

[email protected] postinstall/ path/node_modules/core-js
node scripts/postinstall || echo "ignore"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js
https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

[email protected] postinstall /path/node_modules/node-sass
node scripts/build.js

Binary found at /path/node_modules/node-sass/vendor/linux-x64-72/binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No repository field.
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 730 packages from 714 contributors and audited 6626 packages in 33.239s
found 6 vulnerabilities (1 low, 1 moderate, 4 high)
run npm audit fix to fix them, or npm audit for details
`

What goes wrong?

I'm unable to add pagination to the tables.

Hello, I need to make the text wrap in the table, but I do not know where to remove white-space: nowrap;

if one menu is clicked all other drop-down menu get open

Hi, nice to found this awesome template.

I try to use Bootstrap Modal, but found something wrong with the style. So, I trying to update Bootstrap version to 4.5.2, but I don't know how to rebuild the template styles.

Can anyone tell me how to do that?

Thanks in advance

There are node_modules directory in master branch and .DSstore file (OS X system file).
You should use .gitignore and remove mentioned files from repo

Would like to Know ho to create a Collapsed Sidebar for my main content to be enlarged on screen and the sidebar menu to be Shrinked.

Error line: gyp verb which failed Error: not found: python2

...
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (D:_Template try\StarAdmin\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:_Template try\StarAdmin\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:_Template try\StarAdmin\node_modules\which\which.js:80:29)
gyp verb which failed at D:_Template try\StarAdmin\node_modules\which\which.js:89:16
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\index.js:42:5
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python2 { Error: not found: python2
gyp verb which failed at getNotFoundError (D:_Template try\StarAdmin\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:_Template try\StarAdmin\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:_Template try\StarAdmin\node_modules\which\which.js:80:29)
gyp verb which failed at D:_Template try\StarAdmin\node_modules\which\which.js:89:16
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\index.js:42:5
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python2\n at getNotFoundError (D:\_Template try\StarAdmin\node_modules\which\which.js:13:12)\n at F (D:\_Template try\StarAdmin\node_modules\which\which.js:68:19)\n at E (D:\_Template try\StarAdmin\node_modules\which\which.js:80:29)\n at D:\_Template try\StarAdmin\node_modules\which\which.js:89:16\n at D:\_Template try\StarAdmin\node_modules\isexe\index.js:42:5\n at D:\_Template try\StarAdmin\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (D:_Template try\StarAdmin\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:_Template try\StarAdmin\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:_Template try\StarAdmin\node_modules\which\which.js:80:29)
gyp verb which failed at D:_Template try\StarAdmin\node_modules\which\which.js:89:16
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\index.js:42:5
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python { Error: not found: python
gyp verb which failed at getNotFoundError (D:_Template try\StarAdmin\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:_Template try\StarAdmin\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:_Template try\StarAdmin\node_modules\which\which.js:80:29)
gyp verb which failed at D:_Template try\StarAdmin\node_modules\which\which.js:89:16
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\index.js:42:5
gyp verb which failed at D:_Template try\StarAdmin\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python\n at getNotFoundError (D:\_Template try\StarAdmin\node_modules\which\which.js:13:12)\n at F (D:\_Template try\StarAdmin\node_modules\which\which.js:68:19)\n at E (D:\_Template try\StarAdmin\node_modules\which\which.js:80:29)\n at D:\_Template try\StarAdmin\node_modules\which\which.js:89:16\n at D:\_Template try\StarAdmin\node_modules\isexe\index.js:42:5\n at D:\_Template try\StarAdmin\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (D:_Template try\StarAdmin\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at PythonFinder. (D:_Template try\StarAdmin\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at D:_Template try\StarAdmin\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\_Template try\StarAdmin\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:_Template try\StarAdmin\node_modules\node-sass
gyp ERR! node -v v8.11.4
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] No repository field.
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Andrew\AppData\Roaming\npm-cache_logs\2019-04-20T11_07_58_096Z-debug.log
PS D:_Template try\StarAdmin>

please give a solution for changing in scss file and reflecting the changes on the browser.

Thanks.

How to fix that warning? i occurs after importing css and js from node_modules

Hi,
Thank for great template
How can I integrate with Asp.Net Core MVC project?

here if user Dabble-Clicked on it is not working .

I saw this is a common problem, I am used to open them from codebehind using an hidden button and a small piece of jscript, like this:

<button type="button" style="display: none;" id="btnModal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalRegole">Launch demo modal</button>

<script type="text/javascript">
        function ShowModal() {
            $("#btnModal").click();
        }
    </script>

and this code behind call: ClientScript.RegisterStartupScript(Me.GetType(), "alert", "ShowModal();", True)

This works on all my other bootstrap project except the one where i'm using sb admin template.
I need to edit what the modal will show by changing its components texts and visibility and I don't know how to do this without using code behind. So I don't want to open them using attributes data-toggle and data-target.

Any help? Thanks

Hi

I have setup and installed the theme, but in chrome th scss wont show.
it works fine in Safari.

any ideas?

Thanks