by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Mark Sameh
    @MarkSShenouda_twitter
    How can I customize
    How can I customize sidenav width?
    Axel S.
    @Xelzs

    Hi Mark,

    You can customize the sidenav width by downloading our source files
    We have two variables ($sidenav-width & $sidenav-large-width) in this file : https://github.com/axentix/axentix/blob/master/src/scss/utilities/_variables.scss

    You can also use your custom css but with this method you have to change padding / margin values if you use our layouts.

    Mark Sameh
    @MarkSShenouda_twitter
    Can I change the direction of material form to RTL?
    Axel S.
    @Xelzs

    Hi Mark,

    Yes you can, here is the code

    .form-material .form-field:not(.form-default)::after {
        left: unset;
        right: 0;
    }

    We will add the rtl functionality on the next version.

    Chidozie Nwaneri Okoroafor
    @xollinsduzzy_twitter
    How do I automatically update the framework version in my project without having to download the files all over again?
    Axel S.
    @Xelzs

    Hello,

    There is no alternative using the sources files.
    But if you to use the npm method you can run npm update when you want to update the framework.
    Using the CDN method, you just have to change the version number to the actual version inside the CDN link.

    Because we make some bugfixes and changes on each versions, we don't force users to always update Axentix.

    Chidozie Nwaneri Okoroafor
    @xollinsduzzy_twitter
    I used npm to install the framework. I also downloaded the source files because I prefer to work offline most of the time. How do I check the current version of the framework on my system?
    NodeJS is still new to me so I don't know how to use the framework without the source files.
    Stallos11
    @Stallos11

    Hello @xollinsduzzy_twitter
    You can check the latest version of axentix by typing :
    npm view axentix version
    To know the version installed, just type :
    npm list axentix

    Hoping this helped you !

    Mark Sameh
    @MarkSShenouda_twitter
    Hey!
    I just start using Axentix Neumorphic and I wanna use dark theme
    so I changed the class neu-light to neu-dark
    image.png
    image.png
    but the footer didn't changed
    and when I removed the class neu-bg-lighten
    image.png
    The background color disappeared
    Mark Sameh
    @MarkSShenouda_twitter
    Is there a class to make it looks like more darker or something?
    And also I created a theme using theme builder but when I tried to download it an error occured
    image.png
    Axel S.
    @Xelzs

    Hey Mark !

    When you set a .neu-bg- class it will add a background-color, and overload default background-color.
    That's why the .neu-bg-light class add the light color to your footer.

    I will check the builder error and I come back with the solution.

    Stallos11
    @Stallos11

    Is there a class to make it looks like more darker or something?

    The neu-darken will make your component darken.
    Check this part :
    https://neu.useaxentix.com/docs/general/colors#lighten-darken-theme-colors

    Axel S.
    @Xelzs
    The builder error is fixed, I have updated our api @MarkSShenouda_twitter
    Mark Sameh
    @MarkSShenouda_twitter
    Thank you so much 😁
    It works 🤩