pratikborsadiya / vali-admin Goto Github PK

Is your feature request related to a problem? Please describe.

Stop using font icons. They are not so performant and scalable.

Describe the solution you'd like

Use SVG icons instead. They are easy to scale use and are very performant.

Additional context

Read more about advantages of SVG instead of font icons here https://css-tricks.com/icon-fonts-vs-svg/
The next major version v3.0 will be released with SVG icons.

Issue description
Font icon page is not showing up and throwing error. I think you guys have to check that out. My device is Android galaxy s5.

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Thanks for the very nice admin package.

For my requirement, I need the links on top nav/header on the left hand side so I added them as can be seen in screenshot (links Dashboard and Quick Links):

To add them, I simply added links under <header class="app-header"> like so:

<header class="app-header">
    <a class="app-header__logo" href="{{route('admin_panel')}}">{{appName()}}</a>
    <a class="app-sidebar__toggle" href="#" data-toggle="sidebar"></a>

    <!-- Navbar Left -->
    <a class="app-nav__item {{active('admin_panel')}}" href="{{route('admin_panel')}}">Dashboard</a>

    <a class="app-nav__item dropdown-toggle" id="dropdownNav"
       data-toggle="dropdown"
       aria-haspopup="true"
       href="#"
       aria-expanded="false">
        Quick Links
    </a>

    <div class="dropdown-menu" aria-labelledby="dropdownNav">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
    </div>

All good but problem happens with responsive view:

As you can see, it sidebar and top nav is messed up on smaller screen. I am sure I am not adding links on left side of header/nav correctly.

Can you please tell me how do I add links on left side of header so that work fine on both desktop/mobile ?

In other words, we should be able to add links on both left and right side and it should work fine in responsive view/smaller screen when we click on little toggle button and should somehow also show all these links we have added.

Thanks for the help.

Issue description
Hello,
can we use bootstrap beta 3?

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Issue description
vali-admin is pretty,but i want to remove animation for IE11,don't need the animation in IE11.what should i do?thanks!

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Hello,
I think it would be good idea that we have simple website page.
for example https://wrapbootstrap.com/theme/smarty-website-admin-rtl-WB02DSN1B has both website and admin.

Hello, vali-admin template Great! However, how to add multiple menu css? Please

Issue description

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Issue description

Hey. Is it possible to limit the total width with small blood? Like a container in a bootstrap. Very large blocks are obtained. This is very good for a lot of .tile, but for standard units it is unnecessary.

Steps to reproduce (if you knew)

• View on 4k monitor
• Enable Developer Tools and change screen size to 4k

Is there an upgrade plan for vali-admin ?

E.g update core to bootstrap v4.1.0/v4.1.1 or later.

Thanks.

Hi.
I have a trouble when using the datepicker plugin. This control isn't aligned with the input.

I was using other plugin (https://gijgo.com/datepicker/example/bootstrap-4). It was my solution

Issue description
I don't have npm, node, etc. to compile saas nor css
Is there an easy way to change main color (for everything) in the compiled main.css file from static files (docs folder)

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Thanks

Transition to Bootstrap 4 is in progress. Please keep an eye on this branch for updates.

Thanks for this nice theme,
Please, is there an RTL version ?

Issue description
If you have the sidebar toggled and you reduce the page there comes a time when the sidebar is extended.

Steps to reproduce (if you knew)
Toggled the sidebar and reduce the page or toggled the sidebar and with change resolution to mobile.

Expected behaviour
Sidebar stay toggled

Other Note (feature-request, question, etc...)

Issue description
Every time I visit a page on mobile the sidebar is expanded. Shouldn't it be automatically collapsed for mobile devices/small screen sizes?

Steps to reproduce (if you knew)
Visit any page on a mobile device view on with a small page width.

Expected behaviour
Collapse the sidebar for mobile devices/small screens.

Other Note (feature-request, question, etc...)

Hi,
i created a Serverless AWS express server boilerplate serving your admin:
https://github.com/hansbonini/aws-serverless-express-valiadmin

Vali Admin is amazing, hopefully you like.
Kind Regards,
Hans Bonini

Issue description
Well, it's not really an issue but an improvement. Would it be possible to make the app-title stay fixed when scrolling down?

Steps to reproduce (if you knew)
Go into the charts page for example and scrolldown then you can see the app-title is gone.

Expected behaviour
app-title stay fixed when scroll down.

Other Note (feature-request, question, etc...)

Issue description
When I check vali admin in small device like mobile I see we have some problem on navbar.
Please check images:

In Bootstrap V3 work fine.
Also we need close on overlay like bootstrap v3.

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Can you explain in a simpler way

Uncomment this line @import '3-component/rtl'; in src/sass/main.scss.
Add dir="rtl" attribute to tag in src/pug/layouts/_layout.pug.
Build the source files using npm run build command.

thanks

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Issue description
When using a long title, card buttons do not stay horizontally aligned and the layout is messed up.

How can I change the color theme from primary color to any of the other colors on the color palette (e.g. purple or green ) like is shown in some of the screenshots?

Issue description
Trying to set default sorting behaviour to dsc, how is it done?

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

May be? :)

Hi Pratik,
I have just downloaded your awesome template and even if I have never used pug it seems it's quite easy to use and learn. I have a question about external libs or "compiled/raw" files.
on _head.pug you're using font-awesome ('cause bootstrap needs them) so you're taking them from classic CDN url (https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css).
What should I do if I don't want to rely on that site ? Is it possible for me to include minified files (or whatever i need to add) somewhere so they're compiled/copied in the docs dir during generation ?
I just need a dir where I can copy them in order to keep original content and having them copied during the build process

btw: you're doing a really good job with it

Thanks in advance
Ben

Developers could facilitate the themed css file, sass and pug files are not intuitive to work with

how to use wrapText in this field? in most tests I did this generating a horizontal scroll

How I can make a multilevel menu? In the demo only show two levels: https://pratikborsadiya.in/vali-admin/

Issue description

When I tried to create a bootstrap modal, it didn't work. When this template was with bootstrap 3 it worked like a charm, now it doesn't. Tried to fix it myself, but failed.

I've faced problems with the modal code from bootstrap 4 docs and using the modal code presented in the bootstrap elements page - triggered by jquery .modal('show') -, both presented the same type of errors.

• The modal opacity is equal to the rest of the page
• The modal stay underneath the navbar
• Can't dismiss

Issue description
I tested on Firefox 58.0.1 and Chrome Version 63.0.3239.111

Steps to reproduce (if you knew)

1.- Open a web browser on a Galaxy Tab S2.
2.- Go to http://pratikborsadiya.in/vali-admin/

Expected behaviour
Content fit and siderbar visible

Other Note (feature-request, question, etc...)

Issue description
Hi there! Is there any way, to change the sidebar menu from 2nd to 3rd dropdown? I tryed with this code, but its not working, because when i click the "Akciós árak eltávolítása" link, it closes all the menu.

<li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-cogs"></i><span class="app-menu__label">További modulok</span><i class="treeview-indicator fa fa-angle-right"></i></a>
          <ul class="treeview-menu">
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/admin-felhasznalok.php">Admin felhasználók</a></li>
            <li class="dropdown-submenu">
            	<a class="app-menu__item" href="#" data-toggle="treeview"><span class="">Akciós árak eltávolítása <span class="caret"></span></span></a>
                <ul class="treeview-menu">
                	<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-gyarto-szerint.php">Gyártó szerint</a></li>
					<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-kategoria-szerint.php">Kategória szerint</a></li>
                	<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-osszes-termek.php">Összes termék</a></li>
                </ul>
            </li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/beerkezett-uzenetek.php">Beérkezett üzenetek</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/fo-menupontok.php">Fő menüpontok</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/egyedi-szoveges-aloldalak.php">Egyedi szöveges aloldalak</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/hibabejelentesek.php">Hibabejelentések</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/hirek.php">Hírek</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/kerdesek.php">Kérdések</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/kepek-a-lablecben.php">Képek a láblécben</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/konfiguracio.php">Konfiguráció</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/webaruhaz-elonyok.php">Webáruház előnyök</a></li>
          </ul>
        </li>

Issue description
Your GitHub shows several colors
How to modify it, please!

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Issue description
Am using Ur pane, in this panel date picker is working.but I need date with time,hours with seconds.please help me

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Hi.
Theme is really great!
One thing which I would like to have - is some styles for active child items in submenus in side menu.
I can style it, but not as good as other theme :)

Issue description
I am try to access design on safari it not working. Input text box does not write able.

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Issue description
I would like to request some examples of implementing bootstrap modals on the Bootstrap Elements page

Issue description
Link to fontawesome icons is not the correct version which can confuse people.

Other Note (feature-request, question, etc...)
Added the correct link in fork project : https://github.com/jonaslagoni/vali-admin/commit/2df326b53d787d67ad8bd161612de34d6b87b32f

What you want to ask is the content of the title

Hello,
Where can I download Bootstrap version 4?

First off, amazing work on this theme and thank you very much for making it available.

It works fine on your demo but locally, I cannot get the sidebar nav to default to be closed on small devices. Is there something extra I need to do?

Thanks

Issue description
I do want to automatically hide sidebar (displaying only icon) when loading the page I have been using on the blank page template. The issue I found was that it actually hided when I set to . Unfortunately, it doesn't display sub menu when I hover mouse on such sub menu. Could you please teach me how to automatically set hiding sidebar (displaying only icon) when loading the page?

Expected behaviour
I wanna see the hidden sub menu with only icons while loading the page and also display sub menu when I hover mouse on the icon.

Thank you very much indeed. I would appreciate for your answering.
Email : [email protected]

Issue description
I do want to know how to display treeview in the side bar menu as a default when opening the web page

Expected behaviour
The treeview displays as a default.

Thank you very much indeed. I would appreciate for your answering.

Email : [email protected]

hi pratikborsadiya,

In this image observe date picker is working. But i need date with time and seconds also.

Good afternon, How are you today?
I come here with a problem using your beautiful theme, when I include all the required for the fullcalendar to work and initialize it, it shows me an error of **Cannot read property 'each' of null jquery-3.3.1.js:3827 **

I just use the guide for trying it out, like this

<div id="EventCalendar"></div>
and initialize it with

$("#EventCalendar").fullCalendar();

It creates the calendar but, doesn't render the data because of that error, and I cant find a solution for it.
I really would like to use it with your theme, Good work btw

I even try lower the jquery version as mentioned in some posts of stackoverflow, but no such luck

It renders the calendar but is missing some complements like the title, and on and on.

Issue description
When we check navbar (header) in bootstrap v4, we see two bar for header while most users like one bar.
Please check image to understand my problem:

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

Issue description
Is there a way to download fonts and load them locally? My app wont have Internet connection, therefore it wont be able to load (css) the Google Fonts from the CDN

Steps to reproduce (if you knew)

Expected behaviour

Other Note (feature-request, question, etc...)

How should I do to download the fonts and modify the css so I include them locally
Thanks

Sidebar menu ativo não fica marcado quando clica nos menus e submenus, sempre volta para o dashboard.

Hello,

Actually it's not a problem.
Can you write versions of the components?

Thanks.