Hello,

Thanks for letting us know.

Can you please let me know which demo are you using? So can give you exact direction.

Thank you.

Hello, Demo2 in the demos folder,thanks!

Ok, Sure. We will check and get back to you tomorrow once our team back to work.

Thank you.

Hello, please don’t forget about me, thanks!

Also, please check this in dashlite.css (or scss). My IDE is detecting many errors:

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } text-decoration property is duplicated. Which one is the right one?

.tagify__tag-editable > div { color: #526484; color: var(-tag-text-color—edit); }

.tagify__tag[readonly] > div::before { background: linear-gradient(45deg, var(-tag-bg) 25%, transparent 25%, transparent 50%, var(-tag-bg) 50%, var(—tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); border-color: none; }

The list of errors continue, please check how the scss is compiling the css.

Hello again: how can I align the text of a button to the center? I put text-center but is not working either.

<button class=”btn btn-primary w-min-300px text-center”>Add Files</button>

Please let me know how to do it.

Thanks

UPDATE: I did it.

in theme.css I added this:

.btn.text-center { display: inline-block; }

I’m gonna use this only for buttons without an Icon. When I use an Icon, I will use the default way (text align to the left and the icon to the right).

Let me know.

Hello,

Thanks for comment with multiple thing. Please find below all of them one by one.

About Button text align -

You can use ‘justify-center’ instead of ‘text-center’ when you use minimum width. Also you can use ‘justify-between’ when you want to use text on left and icon on right with minimum width.

About duplicating CSS -

You may please update the scss code from these files – /scss/extend/bootstrap/_overrid_base/_reboot.scss (line 121), /scss/vendors/_tagify.scss (line 32, 237) and re-compile.

Also can you let us know what IDE you are using for compile? Better is to use node and gulp command line to compile whole template.

About custom header element -

Each demo layout adjusted whatever possibly from our side. If you need to extra element you need to code and may need to adjust manually.

Example in demo6 header does not support search bar, so if you want to place then you need to code that completely as per your needs as how you want display, where exactly you want to place.

But you can put language dropdown as you can see there is already dropdown trigger with icon, so you just need to change the markup of ‘dropdrown-menu’ block with login page language selection markup.

And we can see that there is already notification dropdown in demo6.

Also we would like to thank you for these ideas as we will add those in our future update version.

If you need to know anything more please let us know.

Thank you very much.

Thank you, that is what I needed. I’ll let you know if I need assistance. BTW, the code looks pretty clean. Congratz.

It’s great to know. Thank you very much.

BTW, Please feel free to give rating to our template with your valuable feedback.

Yes, I will, just give me a couple of days. First I need to check it out everything

Sure, no problem at all

Hey, is there a possibility that you can create a special function in your javascript, for example, you have right now this: NioApp.init(); Which init all the elements in dashlite. But I like to work with modals that are loaded by AJAX, and some plugins didn’t work properly because is already initial. I’m calling for example this: NioApp.OtherInit(); to re attach the password eye in the login form. Is working after the ajax is done, but can you make a “special” function to re attach all those plugins? for example: NioApp.ReAttachPlugins(); something like that, so we can call it after an ajax call. Other things like sidebar is not necessary calling again, only those special plugins, for example: select2, validation, tooltips, etc. I can edit your function or create my own version to call the plugins, but in the future if you remove or add new functions to the Init I don’t have to worry about that. Please let me know.

Hi, me again. I’m using the jquery validation in the login form (v2) but when the error shows the “eye” is moving too (password field). Please check this image as a reference: https://ibb.co/1KNtcs3

I edited your auth-login-v2.html, added the form-validate class to the form, and the required property to both inputs and to the button type=”submit”.

Hope you can fix it soon.

Hey. I found a bug with validation and a checkbox.

This isn’t working <div class="form-group"> <div class="custom-control custom-control-xs custom-checkbox"> <input type="checkbox" class="custom-control-input" id="checkbox" required> <label class="custom-control-label" for="checkbox">I agree to Dashlite <a href="#">Privacy Policy</a> & <a href="#"> Terms.</a></label> </div> </div>

This works fine <div class="form-group"> <label class="form-label">Communication</label> <ul class="custom-control-group g-3 align-center"> <li> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" name="fv-com" id="fv-com-email" required> <label class="custom-control-label" for="fv-com-email">Email</label> </div> </li> </ul> </div>

I’m gonna use the second option, but will be great with less code a checkbox can accept validation. Thanks.

UPDATE I found out that the name (property) of the checkbox is required. Now is working properly with the first example. You should include that in the documentation of Forms https://dashlite.net/demo6/components/forms/form-validation.html

Hello,

Thanks for few more query. Please follow the answer below -

About Special function -

Well, in our scripts.js we have create each function separately so you can control over it and initialize whenever you need. If you look closely then you will notice there lots of ‘x.init’ function. So can simple create another function block scripts.js and add those function what you want to call as you already explain.

We did not create such as function from side each application requirement is different. Then you may never know or may use. But you can see that we have one example function block that called ‘NioApp.BS.modalOnInit’. So you can see how you can do that.

About validation style issues -

We will check and take necessary step on that in next update.

About checkbox validation -

Yes, you are right that name must there for validation. We thought when someone do functional they will add name attribute by default as without name they unable get data and it won’t be cause. But thank for your suggestion we will give a note in docs.

As always if anything else let us know.

Thank you very much.

Thanks, yes I did what you suggest about create another function containing the init from your template, and works just perfect! I’m in love with this template <3 I can’t stop coding.

It’s really great to know.

Hello. Me again

I’m trying to create a profile page, something like you did here: https://dashlite.net/demo6/user-profile-regular.html I like the way that looks the dashboards, but I don’t like the way that looks the user-profile-regular. I like to work with bootstrap’s row and columns. I don’t like to have all together.

This is how I want to look: https://ibb.co/nL0fHB3 One side the menu and the other side the content. I’m trying to copy what you did with the card-aside but its too complicated, no documentation for those elements

When I put the div with the card-aside looks like this: https://ibb.co/b5cW7S3 I want the menu the same width of the left column, and if I changed it that increase or decrease it size.

This is how it looks when is for mobile: https://ibb.co/93f0kjk This part works well, but there is a gray line that appears in the content. It disappear when is desktop version.

This is the HTML code that I have so far (only the part that I want to fix): https://app.box.com/s/30cbvp2c3jqmh31y0icojspnbsyu1l8b

Can you guide me or help me how to make this possible?

Like I said: the documentation is so important, specially when you are new using something.

Please let me know when you can.

Hello,

Thanks for asking. Well, you should check datatable documentation here – https://datatables.net/extensions/buttons/examples/initialisation/export.html

Also you should apply code in /scripts.js under the function block of ‘NioApp.DataTable’ or ‘NioApp.DataTable.init’

Thank you.

Thank you very much but we added code block in script.js nioapp.datatable.init but not working. NioApp.DataTable(’.datatable-export-btn’, { dom: ‘Bfrtip’, buttons: [ ‘copy’, ‘csv’, ‘excel’, ‘pdf’, ‘print’ ] });

I mean buttons not appearing. Maybe code Block wrong.Please help us

Thank you very much but it could not working. We added in script.js (under nioapp.datatable.init ) that block NioApp.DataTable(’.datatable-export-btn’, { dom: ‘Bfrtip’, buttons: [ ‘copy’, ‘csv’, ‘excel’, ‘pdf’, ‘print’ ] });

I mean buttons not appearing. Please help us maybe code block wrong.

Well, just adding those line does not work. You must need to load additional libraries as per their reference (under JavaScript tab).

So add those library and then try out.

Hi again,

-We added into script.js (under nioapp.datatable.init block) those codes.

NioApp.DataTable(’.datatable-export-btn’, { dom: ‘Bfrtip’, buttons: [ ‘copy’, ‘csv’, ‘excel’, ‘pdf’, ‘print’ ] });

-Also added js’ from https://datatables.net/extensions/buttons/examples/initialisation/export.html

-We want to use yours class in table, but buttons again not appearing.

-In addition, we remove bundle.js our pages everything working without problems.

We mean we need a working example.

Thank you very much. We are waiting your reply.

Without checking your code it hard to say. How it possible work everything fine without bundle.js and in bundle.js have all kind of libraries like jquery, bootstrap.js and many more.

Also when you use dom: ‘Bfrtip’, it switch to original datatable markup and style. If you want to our table style then you need to edit and manually embed to button related on under ‘NioApp.DataTable’ function block.

Other hand you should wait until next update as in next update we will add buttons in datatables so you can easily copy-paste.

Thank you.

Thank you vey much for reply, we are waiting update excitedly