Discussion on Gradient Able Bootstrap 5 Admin Template

Discussion on Gradient Able Bootstrap 5 Admin Template

Cart 570 sales
Well Documented

codedthemes supports this item

Supported

This author's response time can be up to 1 business day.

120 comments found.

Does it support Angular 6? Please confirm asap. looking to buy today. Thank you.

Asking because Angular 6 isn’t mentioned in your documentation. Change log also has only upto Angular 5.

Please confirm.

Yes, It support – Angular 6.

We will update our documentation soon.

Thank you

is it support angular 6? i want to know what about detailed documentation.

http://html.codedthemes.com/gradient-able/doc/

This documentation link has not detailed documentation about installation with angular CLI and how to use components, directives, tables, theme customization and many other things.

Hi, i am having problems with the initial spinner. I want to place it in the begining meantime the whole system is loading.

I put in index.html this line.

<app-root><app-spinner></app-spinner></app-root>

But the spinner never show up. What i am doing wrong. Thanks

Hello, sir

you need to load spinner with router-outlet

<router-outlet><app-spinner></app-spinner></router-outlet>

Thank you

Hi, Will you clone html version with all items for angular version ?

Hi,

Due to lack of 3rd party plugin support we can not add all pages in Angular version.

Thank you

I have tried to develop the Angular-5\Template\Horizontal\CLI-v1.7.0 angular build, The build worked well. When I navigate to {URL}/index.html it gets me to {URL}/dashboard/default which is fine. However when I navigate direct to any inner urls or to the default url directly in the browser {URL}/dashboard/default , I get a HTTP Error 404.0 – Not Found error. Any workaround?

@codedthemes It has been 24 hours since I emailed you, Is this your service timeline for a customer who has purchased your theme ? hoping that someone will atleast reply me back

Hello, Sir

We’ve already forwarded your issue to our concern department. Soon you will get reply from our end.

Please double check your .htaccess file. Add this -

RewriteEngine on # Don't rewrite files or directories RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule ^ - [L] # Rewrite everything else to index.html to allow html5 state links RewriteRule ^ index.html [L]

It may help you.

- CodedThemes

Hello, Please try same solution. As our Developer suggest same code to add into .htaccess file.

Thank you

how to scroll List automatically in angular theme ? in html theme its work . default> list.html

Hi, We’re sorry for much delay reply. As we now support the product through our ticket support system – https://codedthemes.support-hub.io/tickets

About the list scroll – HTML have 3rd party plugin supported but Angular version doesn’t have this feature.

Thank you

CodedThemes

Hi,

Preorder question, is possible maximaze window full card scrollable ?

Yes, It will.

Wish you happy to purchase it :)

CodedThemes

Hmmm, but i see your “maximaze window full card” not scrollable ? How to make it scrollable ? Let me know your class css, and i will test your demo page by inspect element in browser.

Hi, Freddy

You must add the div with the custom scroll class & it will work as you want – the card is scrollable.

Please, Purchase the product. We will guide you through it.

Thank you

- CodedThemes

Hi. Great theme. Can you tell me how to load it with the left navigation bar closed? So it starts as hidden until you click to open the menu?

Thanks! - Geoff.

hello geoffishere, open the “gradient-able/files/assets/js/vertical/vertical-layout.js” find the “verticalMenueffect” in that place you find below the block

verticalMenueffect: { desktop: "shrink", tablet: "overlay", phone: "overlay", }, defaultVerticalMenu: { desktop: "expanded", tablet: "offcanvas", phone: "offcanvas", }, onToggleVerticalMenu: { desktop: "offcanvas", tablet: "expanded", phone: "expanded", }, replace whole block with below given code verticalMenueffect: { desktop: "shrink", tablet: "overlay", phone: "overlay", }, defaultVerticalMenu: { desktop: "offcanvas", tablet: "offcanvas", phone: "offcanvas", }, onToggleVerticalMenu: { desktop: "expanded", tablet: "expanded", phone: "expanded", },

thanks…

Thanks.

Hi, We purchased this theme today. From download we got CLI-v1.7.4, How can I download version 2

Hi, snraju

First of all thank you for purchase our product.

For Angular 5 v1.7.4 is latest one CLI. There is no any version 2 for CLI.

Let me know if you further have any issue.

Thank you

CodedThemes

I am using Horizontal Menu. When screen becomes small I want the menu to become left navigation overlay. How should I do it? Thank you!

Hi, alexsim88

Yes, we’ve already got your idea. BUT https://imgur.com/FZtVsHF is the side bar for Vertical Layout and https://imgur.com/4qj8aNn this is for Horizontal Layout & its seems there are lots of difference between them, You can not achieve same like https://imgur.com/FZtVsHF

Thank you

Thanks. We have made do with what is available. May I check then how do I change onclick to hover for the Navigation?

hello alexsim88, you need to change a menu setting in respected file “files/assets/js/vertical/horizontal-layout.js” files for horizontal layout

and

“files/assets/js/vertical/vertical-layout.js” files for vertical layout

in which change value [ hover / click ] as you want MenuTrigger: 'hover', SubMenuTrigger: 'hover',

We’ve recommended you to please submit the ticket next time for better possibilities to reach you earlier & resolve the issue

- Support Link – https://codedthemes.support-hub.io/

- Thank you

Every day I download it to see if the online template has already been uploaded – http://html.codedthemes.com/gradient-able/angular-5/default – but no! I want to use several functions that are in this window! What is the difficulty?

Yes, That will. We’re always available on https://codedthemes.support-hub.io/

Thank you :)

- CodedThemes

Thanks, I changed to 5 stars! but is still having bug in the “Row Details Table” does not show the details.

Hi, Thank you so much for updating ratings. Its a lot for us.

Sure, we will give you proper resolution for row details table.

Thank you sir

CodedThemes

Hi Gradientable author,

For mobile version, do you guys have a way to stop the side menu from scrolling together with the content like how it behaves in the desktop version?

We would really appreciate if this function/behavior is included.

Thanks.

hello, walaoweng,

find a class in “gradient-able/files/assets/css/style.css” file

body .pcoded[pcoded-device-type=phone][vertical-nav-type=expanded] .pcoded-navbar, body .pcoded[pcoded-device-type=tablet][vertical-nav-type=expanded] .pcoded-navbar { "position: absolute!important; " } and change the value

“position: absolute!important; “

to

“position: fixed!important;”

thanks…

Good evening, I just downloaded the tamplete from angular 5, but I saw several modules missing from the online model: ui element>advance>TaskBoard; ui element>advance>Grid Stack; ui element>advance>Light Box; ui element>advance>Ranger Slider; ui element>advance>Tour; ui element>advance>Tree View; Form Wizard; NGX Form Wizard; Email; Event Calendar; And I found a bug in the “Row Details Table” does not show the details.

I know that! But I’m comparing the angular template and not with the HTML template! The items listed are in the anglular template: http://html.codedthemes.com/gradient-able/angular-5/default/

Hi, construtordigital

Yes, we are going to release the new update by today.

Thank you

Thanks! I’ll be waiting

HI Can someone help me to sort my query which I have posted above, if not possible also its fine, please do let me know. So that I can check for other alternatives “we are facing some challenge in changing the theme color, I can see some static color in the theme by default, but I would like to have some more information on how to add more colors to the theme. The link below has the details of those additional colors we need to integrate on to the theme.”

Hi. Would appreciate if I could get a response. I bought the theme today and launched it successfully on chrome.

However for forms add-ons, Basic Group Add-ons, the stuffs like ”@” and ”$” etc are all out of place in the project. But it looks fine on your demo. What gives?

Hi, alexsim88

Thank you update us. We will sure check that from our end and reply you back with proper resolution if any error we found.

Thank you again for choosing our product and make us more better.

CodedThemes

Hi, I have recently purchased (gradient-able) theme from theme forest but we are facing some challenge in changing the theme color, I can see some static color in the theme by default, but I would like to have some more information on how to add more colors to the theme. The link below has the details of those additional colors we need to integrate on to the theme. https://www.dropbox.com/s/56z72e5cphrlhqa/ColorTheme.png?dl=0

Would appreciate your quick response on the same.

Best Regards Muhammed K

hello Muhammed

to change the theme color you need change color in gradient-able/files/assets/scss/partials/_variables.scss

gradient-able/files/assets/scss/partials/menu/_pcmenu.scss files change the color which you want and complie those scss using below link koala compilar link will given below http://koala-app.com

Hi Dhimmar Thank you for your reply, let try it and update you the status.

Hi, I was working with the HTML (side-image). I am running the index.html. When I collapse the chrome window, the Gradientable logo appears along with the More (...) icon. I click on more icon and the notifications, avatar icons appear below. When I click on more icon again, the notifications and avatar collapses back. However, now when I expand the window back to normal screen size, the notifications, avatar etc no longer appear on the right hand side of the navigation bar. Can you please help?

hello SamratChanda

in collapse widow, avatar icon panel will be hidden when you click on more(...) icon then an icon will appear in front of you,

when you again click on more(...) icon then the panel can go hide,

so that’s why this time you can expand the window and panel goes hidden

How to hide div by mobile browsing, hidden-md-down Unable to take effect

hello evihack, .hidden-md-down class will work on old bootstrap framework,

in theme package, we use a newer version of the framework so you can use .d-none .d-md-block .d-lg-block .d-xl.block

also, refer https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements

It is recommended to update to the help document

Yes, Sure. We will working on it. Thank you for give us the suggestion to improve our product.

- CodedThemes

Hey there. I’m using this template with Angular 5.

I bought the template and I was trying to find the documentation so I could add only what I wanted but the only “documentation” in the downloaded package is a HTML file which basically serves as a README file (what is it, getting started, change logs, etc).

I was wondering if there is any actual documentation that explains how to only use what you need/want and how to do customization of the theme. Something like Bootstrap’s documentation that explains how to use everything.

Thank you for your time.

Hi,

Sorry for much delay reply. Unfortunately we missed your comments.

We’ve released our ticket support system.

https://codedthemes.support-hub.io/

We’ve updated our documentation and whole package of template. Let me know if you still have issue with it. It is important for us to getting your reply and improve our product through it.

Thank you for using our product

CodedThemes

Hi, are there any plans to add the form components especially inputs which will show the label top when you focus into input box, it is same as angular material input boxes? your all other templates has this kind of form controls but only this doesn’t have that… I am looking this feature in angular version of template.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey