Demo See the Pen Untitled by Puneet Sharma (@webdevpuneet) on CodePen. First we need to include full version script of CK Editor 4 in our page and then add the following toolbar configuration. The configuration is very near to that of a Gmail. i.e. toolbar at the...
The following eight pseudo-elements are made available by WebKit for customizing a date input’s textbox: ::-webkit-datetime-edit { padding: 1em; } ::-webkit-datetime-edit-fields-wrapper { background: silver; } ::-webkit-datetime-edit-text { color: red; padding: 0...
Just found this cool SVG Path Builder. So taking a note of it and adding it to my bookmarks. Path builder link – https://codepen.io/webdevpuneet/pen/MWVpovE Demo See the Pen SVG Path Builder by Puneet Sharma (@webdevpuneet) on...
Demo See the Pen Multiselect Dropdown – jQuery by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”msdd”> <div class=”msddTop”></div> <div class=”msddMenu” style=”display:none;”> <ul>...
I hope this code will help you get to what you need or atleast take you near to it. I created it to search text inside cards where user writes some text in input tag and the results is displayed by hiding all those who does not have that string. This script can...
Add the following styles to the anchor tag to center/middle align it both horizontally and vetically. a.center-align{ display: flex; flex-direction: column; justify-content: center; text-align: center; }
You just need to add follwing script to the if else statement in JavaScript to know that the loaded page URL has the given string. You can use it anywhere in head or body tag, on or without document load. <script> if (...
Blog
