.input-section { border-radius: 4px; width: 359px; height: 42px; line-height: 42px; padding: 0 45px; border-radius: 4px; border: solid 1px #b1b8c9; background-color: #ffffff; } <input type=”text” name=”fullname” id=”fullname” v-model=”fullname” v-model.trim=”$v.fullname.$model” :class=”{ ‘is-invalid’: validationStatus($v.fullname) }” class=”input-section” v-on:keypress=”isLetter($event)” placeholder=”Enter your name” /> <input class=”input-section label-set” type=”text” id=”mobile” v-model=”mobile” v-model.trim=”$v.mobile.$model” :class=”{ ‘is-invalid’: validationStatus($v.mobile) }” placeholder=”Enter your mobile number” v-on:keypress=”isMobile($event)” /> ..
Category : css
Hi im developing my own porftolio with html css and js, and i added some transition animations. Everything works fine until i click on another hyperlink, where the transitions runs well but afterwards my page goes blank and it shows the following error: ‘cannot GET undefined’. index.html: Just a simple home page with some hyperlinks, ..
I have a designed a Menu using CSS/Bootstrap in my application but submenus need to create runtime based on user role. Need function something like that take parameters to create a Menus Subitems created runtime. Please help me to how to achieve this scenario. Anyone’s help is appreciated enter image description here Source: Ask Javascript ..
i want customize width line "line-through" become more thick like 4-6px. i have customize thick line "line-through" on tailwind.config.js but it not works, maybe you can give me suggest about my problem. //setting tailwind.config.js in plugin:[] function ({addUtilities}) { const extendLineThrough = { ‘.line-through’: { ‘textDecoration’: ‘line-through’, ‘text-decoration-color’: ‘red’, ‘text-decoration-width’: ‘4px’ }, } addUtilities(extendLineThrough) } ..
I have a page in html, I have put a username and password box and a login button, if the login details are correct I want the login button to redirect to a page on the site, and if the login is incorrect, redirect to a 404/other page, can I do this in html/css/java only? ..
Creating a custom WP theme from an HTML single page. In the header.php file I have the <?php wp_head();?>, in the footer.php file I have <?php wp_footer();?>. On my main page I have <?php get_header(); ?> and <?php get_footer(); ?> at the top and bottom respectively. When I "view source" the page looks like a ..
I’ve got a page that uses an image as a background, which covers the full height and width of the page. Although I’m using Tailwind, the CSS for the image is basically: background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; top: 0; width: 100%; That works fine. Until one of the elements on ..
I made my own responsive footer without any css framework but on mobile view it becomes toggle. The problem is when i toggle the button it toggles downward, not upward. Thank you. Please check the code snippet if how do I deal on toggling upward. If you guys think there is more appropriate and good ..
Using MaterializeCSS, the demo presents a Floating action button at the bottom left of the screen. Is there a way to create a floating action button per line in a collection? https://materializecss.com/floating-action-button.html Source: Ask Javascript..
I created a chess app and I’m using touch events so that the pieces can be dragged by touch. I want the users to see the piece being dragged. To accomplish this I’m using translate3d to move the piece across the screen. How can I get the pieces to snap to center of the square? ..
Javascript Development Company
Recent Comments