Questions tagged [frontend]

The user-facing part of an application. In a desktop application this would include the windowing framework and the forms the user interacts with; in a command line program it would be the available commands and arguments; and in a web app it would refer to the HTML and JavaScript.

Filter by
Sorted by
Tagged with
0 votes
0 answers
4 views

What are the alternatives of UNLAYER generated preview images?

Currently, I'm using Unlayer for generating the preview images but the output given by it is very inconsistent. That's why I need to get the control over everything using the JSON only (JSON can ...
Manik Setia's user avatar
1 vote
1 answer
9 views

Flask Application: HTML isn't rendering image

I'm trying to reference an image that is in my local file system. I'm not sure if I'm referencing it correctly. I've seen other sources use the 'file://' designation before the path. <html> &...
user20402884's user avatar
0 votes
0 answers
23 views

The Top Bar Has A Drop Shadow -Jekyll Theme

The top bar of the website has a drop shadow that shouldn't be there. Details I have edited the top bar of this Jekyll theme, feeling responsive so that I could add the logo in the top bar now it has ...
PFL's user avatar
  • 31
0 votes
0 answers
14 views

listen for django signals in JS

Is there any way to implement a JS addEventListener that receives a signal from Django? I have to upload multiple files, each one is processed individually sequentially, the idea is to notify as a ...
JMxnuell's user avatar
0 votes
2 answers
28 views

Solving CORS Issue using Chrome Extension

My app is available on app-123.company.aws.com So in order to make the development process faster, I use Requestly to redirect scripts & APIs to my local development. This works fine most of the ...
Pranay's user avatar
  • 81
0 votes
1 answer
42 views

How import a module in Angular?

import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; // Import other necessary modules from @angular/material import {...
Mario's user avatar
  • 1
-2 votes
1 answer
27 views

Why the stores pinia is not defined?

I'm expecting to return the store but I'm havin an error useUsersStore is not defined. Even though the pi nia store is corresctly stores and exported to th ecomponent. https://stackblitz.com/edit/...
bob's user avatar
  • 315
0 votes
1 answer
29 views

Using cdn of react-select in react js

I want to use react-select with cdn. I tried downloading cdn into react-select but I keep getting error as select is not defined. I tried to download the zip package of react-select with but I dont ...
Rajiv Chaulagain's user avatar
1 vote
1 answer
15 views

Chrome This localhost page can’t be found

Hi guys i am trying to do reset password route with JWT included in the url React Router DOM Route <Route path={'activate/:activateToken'} element={ ...
Saybers's user avatar
  • 25
0 votes
0 answers
33 views

How could I make the navigation menu open once the user hovers over it using React?

I'm trying to build a navigation menu with React and TailWindcss, which should open only when a user hover over it. I've tried different approaches but never worked out and what remaining is to make ...
abdul's user avatar
  • 1
0 votes
0 answers
11 views

How to implement OTP verification during user signup using react-firebase for phone number verification?

I'm developing a website where I want to incorporate OTP verification during the user signup process, specifically for phone number verification. I'm using React.js and the react-firebase library for ...
Ritul Kumawat's user avatar
-1 votes
0 answers
14 views

jquery drag and drop calculate distance

I'm using jquery ui sortable feature, I want to do 2 things when I drag an element: If the element is close to the edges of another element (about 10-15px) then sort elements normally But if the ...
winter23's user avatar
0 votes
0 answers
13 views

Is there a way to show popovers only on click of Slider dots in react-slick?

I am using Slider component from "react-slick", and wanted to show popovers only when users click on Slider dots, tried afterChange, beforeChange setting props, but that does not worked, ...
Tannu Jha's user avatar
0 votes
0 answers
26 views

how to get text of all languages to be the same size as english? [closed]

Non english languages have different font sizes as english, because they displace more height inside of a div. How to get all languages to have the same font size. I have uploaded a pic. The div ...
Bear Bile Farming is Torture's user avatar
-1 votes
0 answers
35 views

Adding text to dynamically created div not working

I am trying to show the value of a variable(fundProvider[j]) present in my JavaScript, when I hover over an element which is created dynamically using JS. I am trying document.getElement(s)ById/...
pythonaire's user avatar
0 votes
0 answers
13 views

Custom dropdown styling issue: `appearance: none` not working on MacOS on any browser

CSS/SCSS Custom Dropdown Styling Issue: appearance: none property not working on MacOS on any browser. What am I missing? I was trying to make a custom dropdown that shows the color of each item in a ...
Dean Nemphos's user avatar
0 votes
0 answers
12 views

originalImg parameter not working in Bing News Search APIs

Bing news search api not providing image in original thumbnail size in News Category. const url = 'https://bing-news-search1.p.rapidapi.com/news?&originalImg=true&category=india&cc=in&...
Devansh Chauhan's user avatar
0 votes
0 answers
14 views

How to correctly handle API data conversion on frontend with OOP?

I am developing a frontend for a web application using TS. I get stuck on a seemingly simple question: how to transform data object from an API response into a data object for use in the application ...
Geemishu's user avatar
  • 111
-2 votes
0 answers
19 views

How can I create a cursor tail that snaps back and adds an elastic feel when hovering an image or icon? [closed]

How can I make a cursor tail that when hovering an image or icon, stick to it and make the icon translate with the mouse for a x amount of space then snap bask to his original position? I saw this ...
Tony Capelli's user avatar
1 vote
0 answers
29 views

Adding an Angular Component inside a div with specific ID

I am creating an Angular application in which I don't have to use the HTML file means I cannot edit the HTML file (for purpose) manually. In the below Pseudo code, I am using the setAttribute() method ...
ABC's user avatar
  • 11
-1 votes
0 answers
27 views

How can I fix SyntaxError: Cannot use import statement outside a module' and 'Unexpected token <' errors in Node.js v18.16.0? [duplicate]

I have been trying to create my first React app and when I tried to run it I got these errors for respective code. 1) 1st image is code of index.js file which is giving error- https://i.stack.imgur....
Aaditya Thakur's user avatar
0 votes
0 answers
8 views

Run Custom Movenet Model on tfjs demo

I have compiled a new tfjs odel with a model.json file containing the model information and a bin file containing the weights and I want to try running my custom model on the tfjs model demo. Link ...
Aditya Dharap's user avatar
-1 votes
1 answer
39 views

Strange issues discovered while using React

<html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=&...
Dragoran's user avatar
0 votes
2 answers
30 views

Difference between 50% and 70px border-radius for a 140px width element in CSS

I have encountered a peculiar visual difference when setting the border-radius property in CSS. In CSS battle first challenge target #8, I have a element with a fixed width of 140px. The border-...
yazan_mohamed's user avatar
1 vote
2 answers
25 views

Is it possible to choose between Delegates in QML using Javascript logic?

currently I have a Repeater Item which loads a delegate from an external file (PeriodicTableDelegate.qml). Is it possible to choose between lets say two different Delegates using Javascript logic? ...
PatrickRKa's user avatar
0 votes
0 answers
19 views

How to transfer big data? bigquery to Frontend

I have a question for big data transfer I'm testing my code. But so late.... When receive table id in flask Use SQL in Bigquery get table data But table data so big 130000rows and 33 columns And all ...
lima's user avatar
  • 49
0 votes
0 answers
12 views

Safari browser unable to reapply ellipsis on object resize

I have a container with an <h3> element with a nested <a>. All of this is part of a "product card", which is reused in many places. The style of the text: h3 { display: block; ...
AlexSavAlexandrov's user avatar
0 votes
1 answer
18 views

Vite: unable to build enum (typescript) when using absolute import

When trying to absolute import an Enum, it seems that Vite is unable to build it. Typescript correctly resolve the absolut import. Vite is trying to do the same via vite-tsconfig-paths Typescript and ...
Raul Calvo's user avatar
0 votes
0 answers
20 views

Can I get help in the frontend and the backend for the sequelize offset and limit concept also frontend how to handle from the page number in queryurl [closed]

I want to add the pagination for my code: I tried the limit and the offset and other things it is just not working. This is my frontend code snippet // FE document.addEventListener("...
q j's user avatar
  • 1
0 votes
0 answers
7 views

how to add snap scroll and aos to the same component

so i am creating a component and trying to implement snap scroll and aos both but only one is working let me provide the code and ill explain the problem * { margin: 0; padding: 0; box-...
asjad's user avatar
  • 1
0 votes
1 answer
25 views

How to work with components in Angular in more advance way

I created a component that I use several times in other different components. In my case, the behavior of the child should depend on which parent component it is in, in my case, the child component ...
majew-2223's user avatar
0 votes
2 answers
22 views

Edit disabled status of bootstrap switch

Anybody knows how to style the bootstrap switch button when it's disabled? I managed to style it for enabled status but for disabled it still gets dark as a bootstrap default effect. I'd like to have ...
Miguel Gisbert's user avatar
0 votes
1 answer
32 views

How to use addEventListener to redirect to another html page on button click?

How to redirect to the next page using addEventListner? Here, when I click the button it has to redirect to another HTML page how to write the code for that. HTML <button>submit</button> ...
sreenivasan's user avatar
-2 votes
0 answers
16 views

Make a border image [duplicate]

I have a button that has a yellow border, however I would like this border to be an image. I'm having trouble doing it because of the shape of the button. Can anybody help me? You can find the button ...
Daniel Miranda Mari's user avatar
0 votes
1 answer
8 views

what is group/edit, group/item means in tailwindcss doc

i've been learning tailwind css and i stuck at styling based on parent state <li class="group/item hover:bg-slate-100 ..."> <img src="{person.imageUrl}" alt="" ...
Hakuna Matata's user avatar
0 votes
0 answers
29 views

How could i make my frontend project plus contenthash name

Requirement My requirement is that before publishing the front-end project 'src' to tomcat server, I want to use some tool to md5 it, that is, the file names of all static resources plus the hash ...
diudiudiudiudiu's user avatar
0 votes
0 answers
14 views

Instagramam horizontal scrolling of post reels tags in profile page react js [closed]

How to do Instagram horizontal scroll menu I need code in react and CSS and html When clicked on the icon it want to scroll and we can also scroll then tha icon will be highlighted and the bar will ...
Abhin KS's user avatar
0 votes
0 answers
12 views

Is Plotly Dash Enterprise a viable alternative to React for a non-data visualization web app? What are its drawbacks?

What are the cons of using Plotly Dash Enterprise for building general purpose web applications? Is it better than React? I guess the development time will be less when using Plotly Dash, but it may ...
Anonymous Hero's user avatar
0 votes
1 answer
36 views

Make the border image, but with transformation

I have a button that is giving me a headache. The client asks me that the border must also be the image. For the box, I can change it perfectly but the effect that the next button has does not allow ...
Daniel Miranda Mari's user avatar
-1 votes
0 answers
12 views

I cant figure out how to put text and a picture in the same area [closed]

Im trying to have the picture on the far left as a fake ad, and I want the text next to it, and the picture to be on the same level, but I cant figure out how to make them on the same level since the ...
Jase Anger's user avatar
-1 votes
1 answer
32 views

Javascript randomize Meals [closed]

Having trouble displaying a random meal from the following code. I have attempted to assign the <p> element with an id of "randpick" the getFood() function which should assign a random ...
Daniel's user avatar
  • 1
-2 votes
0 answers
32 views

i try to do todo app but it does not work

when i post for the second time it dublicates the first img and then when i click delete button it deletes all elements from the array (todos) and why it happens like that? const input_Post = document....
beka manjgaladze's user avatar
0 votes
0 answers
23 views

How to protect routes using middleware

How can i make a nextjs 13 middleware to protect routes if user is not authenticated. import { NextRequest, NextResponse } from 'next/server'; export async function middleware(req) { let verify = ...
jolo's user avatar
  • 1
-1 votes
0 answers
10 views

Prom-Client with Next Js

How do i integrate prom-client in nextjs? How to add http custom metrics (requests per seconds, requests duration, 4xx, 5xx) in NextJS without custom server? I guess I need to use middleware API, but ...
Raunak Tibrewal's user avatar
0 votes
0 answers
18 views

Suddenly i am getting a runtime error when using fontawesome Library in my react Application

I am getting this run time error so anyone has any idea what is is?(https://i.stack.imgur.com/9eeWu.png)](https://i.stack.imgur.com/9eeWu.png) I am using fontawesome library for icons in my react ...
Jatin Panday's user avatar
-1 votes
0 answers
30 views

Frontend in Angular

I am starting with web programming and I get the following problem that I have not been able to solve: I am working with a CRUD in the Frontend with Angular and I have struggled with a ComboBox (...
Alejandro Melgar's user avatar
0 votes
0 answers
29 views

How can an amateur React developer go about learning the new Next JS? [closed]

I am an amateur when it comes to React JS. I now feel comfortable creating a simple front-end website using react. I want to learn the latest Next but it seems like it's being constantly updated ...
Mr.Ant's user avatar
  • 1
0 votes
0 answers
23 views

Tailwind CSS with Flowbite-react classes problem

I have problem with flowbite-react,my problem is with the class from tailwind, I have a sidebar from flowbite and it has px-3 and py-4, but i do not want the padding, however when I add tailwind ...
PlayCoding's user avatar
-2 votes
0 answers
50 views

Javascript: How can export a PNG image with a black background and white brush from canvas? [closed]

Input: An original image is uploaded then a canvas overlay with the size of the image and then brush painted on. https://i.stack.imgur.com/7UKsG.png Output: Is the mask image, defining the areas that ...
Ned's user avatar
  • 1
0 votes
1 answer
18 views

Is there a way to compare text from textarea and change the button text?

I am working on a small project. I have a textarea and a button(Send). I am trying to compare the text of a textarea which already written last time. If I update this time it compares and find any ...
devReact's user avatar

1
2 3 4 5
286