Topic: Rounded and gradient pill not present in jQuery Pro version
patrickkusebauch free asked 2 years ago
When I include the downloaded Pro version, rounded and linear-gradient CSS classes will work.
These classes have no effect and are not present in the CSS files if searched for.
Resources (screenshots, code snippets etc.)
In the Docs it is listed as a Pro feature. However, given the sample code:
<ul class="nav md-pills pills-rounded pills-aqua-gradient">
<li class="nav-item"><a class="nav-link active" href="#accounts" data-toggle="tab">Connected
<li class="nav-item"><a class="nav-link" href="#dashboard" data-toggle="tab">Dashboard
This is the effect:
Both gradient and rounded Pills are marked as a Pro feature due to being components using Material Design styles. In the documentation, you can see that for those two functionalities you can find CSS attached that will help you customize gradients and border-radius styles.
Please see my snippet showing how you can add border-radius to the
pills-rounded class, add a static gradient to the pills, and also how to add gradient styles for active pills.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.19.1
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: Yes
- Provided link: Yes