mdbootstrap / bootstarters Goto Github PK
View Code? Open in Web Editor NEWFree templates for Bootstrap 5
Home Page: https://www.bootstarters.com/
Free templates for Bootstrap 5
Home Page: https://www.bootstarters.com/
I'm trying to add a date picker to my jsp , I have added Tailwind Elements CDN scripts as shown in the Quick start documentation.
However the Date picker won't work instead it displays this :
This is the original Element in the Docs :
This is my form :
Head component :
Tailwindcss is working just fine on my project the only problem is the datepicker Element. I don't know if that's matter but I'm using tomcat as a server .
Hello,
currently using the tw-elements verison 1.0.0-alpha10 and tailwindcss 3.0.19
The time picker component seems to be missing some important css, in the image below is the current behaviour (I just copied the demo from https://tailwind-elements.com/docs/standard/forms/timepicker/)
Then this image below is the expected behaviour, which also works on the demo page.
This is the case for both, hours and minutes. I've tried to debug this problem, and some of the computed css is missing.
See this image, for the computed css of timepicker-time-tips-* of my own project.
And then this is the computed css of the demo page.
This issue can be easily solved by implementing all the changes, I've created a few more styles that add all the missing features. This is absolutly not a complete list of all the missing styles, it's just a hotfix if anyone faces the same issue.
.timepicker-time-tips-hours, .timepicker-time-tips-minutes {
position: absolute;
height: 32px;
width: 32px;
align-items: center;
justify-content: center;
display: flex;
text-align: center;
}
.timepicker-time-tips-hours.active, .timepicker-time-tips-minutes.active {
background-color: transparent;
}
I don't think I will able to fix this issue by myself, also would appreciate if anyone else is able to reproduce this issue.
Also, it's totally possible that I'm just dumb and missed something when creating the project, in that case I apologise.
On mobile, the navbar is not visible in mobile view in the full video cover template.
Can be tested here https://mdbootstrap.com/snippets/standard/mdbootstrap/2515523?action=fullscreen
The stepper does not resize for content that is retrieved via REST api. Is there a way to force the stepper to correctly display the content (height will fit content)? If you click between the steps then the stepper will display the content properly after the transition. Please let me know if there is a fix/workaround for this, thank you.
It seems like custom Javascript (for components that require js) is missing from the official guide.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.