Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Transparent Sidebar #33

Closed
boldizsarf opened this Issue Mar 7, 2019 · 2 comments

Comments

Projects
None yet
2 participants
@boldizsarf
Copy link

boldizsarf commented Mar 7, 2019

Hi guys!

I tryed the tranparent sidebar, but for me, its not working. First of all, there is no documentation for this, although this is irrelevant.

This is in my header:

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
    <meta name="application-name" content="SilverWolf Hosting Kezelőfelület">
    <title>Kezelőfelület - SilverWolf Hosting</title>

    <!-- General CSS Files -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

    <!-- Plugins
    <link rel="stylesheet" href="../dist/modules/bootstrap-social/bootstrap-social.css">
    -->

    <!-- Template CSS -->
    <link rel="stylesheet" href="/admin/assets/css/style.css">
    <link rel="stylesheet" href="/admin/assets/css/components.css">
</head>

And this is in the end of my body:

<!-- General JS Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="/admin/assets/js/stisla.js"></script>

<!-- Template JS File -->
<script src="/admin/assets/js/scripts.js"></script>
<script src="/admin/assets/js/custom.js"></script>

<script src="/admin/assets/js/page/auth-register.js"></script>
<script src="/admin/assets/js/page/bootstrap-modal.js"></script>
<script src="/admin/assets/js/page/components-chat-box.js"></script>
<script src="/admin/assets/js/page/components-multiple-upload.js"></script>
<script src="/admin/assets/js/page/components-statistic.js"></script>
<script src="/admin/assets/js/page/components-table.js"></script>
<script src="/admin/assets/js/page/components-user.js"></script>
<script src="/admin/assets/js/page/features-post-create.js"></script>
<script src="/admin/assets/js/page/features-posts.js"></script>
<script src="/admin/assets/js/page/features-setting-detail.js"></script>
<script src="/admin/assets/js/page/forms-advanced-forms.js"></script>
<script src="/admin/assets/js/page/gmaps-advanced-route.js"></script>
<script src="/admin/assets/js/page/gmaps-draggable-marker.js"></script>
<script src="/admin/assets/js/page/gmaps-geocoding.js"></script>
<script src="/admin/assets/js/page/gmaps-geolocation.js"></script>
<script src="/admin/assets/js/page/gmaps-marker.js"></script>
<script src="/admin/assets/js/page/gmaps-multiple-marker.js"></script>
<script src="/admin/assets/js/page/gmaps-multiple-marker.js"></script>
<script src="/admin/assets/js/page/gmaps-route.js"></script>
<script src="/admin/assets/js/page/gmaps-simple.js"></script>
<script src="/admin/assets/js/page/index-0.js"></script>
<script src="/admin/assets/js/page/index.js"></script>
<script src="/admin/assets/js/page/modules-calendar.js"></script>
<script src="/admin/assets/js/page/modules-chartjs.js"></script>
<script src="/admin/assets/js/page/modules-datatables.js"></script>
<script src="/admin/assets/js/page/modules-ion-icons.js"></script>
<script src="/admin/assets/js/page/modules-slider.js"></script>
<script src="/admin/assets/js/page/modules-sparkline.js"></script>
<script src="/admin/assets/js/page/modules-sweetalert.js"></script>
<script src="/admin/assets/js/page/modules-toastr.js"></script>
<script src="/admin/assets/js/page/modules-vector-map.js"></script>
<script src="/admin/assets/js/page/utilities-contact.js"></script>

I copyed the whole code from the layout-transparent.html page, but it doesn't seem to work. It looks like the JS is not loading properly. the side menu is buggy, I can't open the sub menus. The loading animation is weird. And it seems like the scrolling animation is not working too. Does anyone have any idea?

@boldizsarf

This comment has been minimized.

Copy link
Author

boldizsarf commented Mar 7, 2019

Propably fixed with importing

<script src="https://cdn.rawgit.com/leafo/sticky-kit/v1.1.2/jquery.sticky-kit.min.js"></script>

but the loading thing is still a bit weird, and the scrolling is not as smooth as the original layout-transparent.html page.

@nauvalazhar

This comment has been minimized.

Copy link
Member

nauvalazhar commented Mar 8, 2019

Hi, thank you for using Stisla. Can you give me a screenshot for that?

@boldizsarf boldizsarf closed this Mar 21, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.