Category "frontend"

How can I print a function from JavaScript to html

I'm trying to make a out of '*' and I got the code right because it works in the console but when I try to print it in the html document it does not work functi

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

How does React hook handle dependency lists when passing objects to child components?

Parent component like this: function ParentComponent(){ return ( <ChildComponent data={{ x: 1, y: 2 }} /> ) } Child component like this: function

how to customize tooltip width in bootstrap

I have a bootstrap tooltip like the following. <i class="fas fa-question-circle" style="color: #f44336; cursor: pointer;" data-toggle="tooltip" data-plac

LIQUID: How to hide an accordion if there is no content for it in the LIQUID file?

Code below does create accordion in Shopify product pages. I'm looking for a way to hide accordion if it has no content to display. Each accordion is an unique

javascript canceled request after 50 seconds

Describing of context: java app (running under wildfly) works under high workload and heap is almost filled. Because of that full GC runs often and this leads t

Issue with chakra UI CSS [closed]

I am trying to display a card using chakra UI and next js but the CSS of chakra UI is messed up and all of my components are now not being sho

Angular <p> displayed by *ngFor won't float to the right

I have this chat in which I'm trying to apply styles to the "chat-container". The messages are displayed with Angular's *ngFor as follows: <p *ngFor="let m o

Why styles.css file doesn't apply to the page

I'm moved styles.css file to every location in my project and tried to link it in html file. I moved it even in the same folder where html files are, href auto

"react" was conflicted between "package.json » eslint-config-react-app

I want to know, why this problem happens sometime. I overcome it by opening the desired folder with code directly. But can't use git bash. And saving package.js

I am having issue with my image src in next.js [duplicate]

I am using Sanity image url in my project and I am getting this error in my console page that says next-dev.js?3515:25 Warning: Prop src did

I have used circle marker to show places on a world map in react. How to add popup on circle marker to shows up the location when circle is clicked?

I have used circle marker to show places on a world map in react. How to add popup on circle marker to show details when circle is clicked. Currently the code s

Remove specific HTML div when click on delete button using vuejs

So I have some input fields which are repetitive to fill different data. For every repetition, I also have a delete button. If I click on this delete button, th

Props values are not updating in webpack server React js

Whenever I try to pass or update the props value from parent to child I need to restart the webpack server everytime. I don't know why props value are not getti

dynamic classes with tailwindcss and eleventy

I am using eleventy.js with tailwindcss and postcss. In my setup, postcss does not seem to recognise dynamic classes like md:pl-{{(loop.length-loop.index+1)*2}}

`react-query` mutate onSuccess function not responding

query, I'm making a bulletin board right now. So, I put the values ​​of title, content in the Form information into the react-query function onSucce

TYPO3 frontend-page shows section names

I have trouble with my frontend TYPO3 Site, because it shows the names of the sections. I don't know how to remove this alerts... Thanks for help. UPDATE: I ha

Creating a centered carousel with react-alice-carousel

I have struggled the whole day to create a centered carousel with react-alice-carousel library and the results are those. Link to the library here Basically I a

How to apply media query in nextjs [closed]

Media Query in nextJs Application - I want to apply media query in my website so that that i can make it responsive how can i do it? I want to

fetching json api in vueJs log the results but renders nothing (I'm new with Vue)

I'm new in VueJs, actually coming from react, the problem I'm having is that when i fetch the data with an axios.get the console.log shows a succesfull response