Most voted "front-end" questions
In software projects, front-end is the part of the software system that interacts directly with the user. If the question is not about "front-end", do not use this tag, even if you are using "front-end" in your project.
Learn more…498 questions
Sort by count of
-
0
votes2
answers162
viewsLeaving the Jqery foreach
I’m having trouble getting out of a foreach when the internal if condition is met, I followed the recommendations of the official Jquery documentation that says to give a return false but still not…
-
0
votes5
answers280
viewsBreaking lines in a date attribute when displaying in front-end
Within a table I have the following structure: <td> <a href="#" data-toggle="popover" title="Dados" data-trigger="focus" data-content=" <?php echo $BlobParams[0].'<br>'; echo…
-
0
votes1
answer37
viewsHover with mix-blend-multipy
I have a problem when I leave the hotel. Multiply has a strange effect. Check the gif below: #accordion { padding: 80px 0; } #accordion .categoria { position: relative; cursor: pointer; } #accordion…
-
0
votes1
answer1183
viewsModal Angular bootstrap - The content of the modal is inside an ng modal window
I’m using modal bootstrap for angular, as per the documentation, this is the way to use the framework. I am following exactly as in the example. Here’s a bit of my code: <ng-template…
-
0
votes0
answers45
viewsHow to return a message "'No document type registered" when nothing returns from the database
I would like to know how I put in Thymeleaf for when I find nothing in the bank I return a personalized message on the web page "No document registered". Document Type Types of Documents Add <div…
-
0
votes1
answer80
viewsKeep tab color after clicking on it
I created some tabs, when I move the mouse over each of them shows the color I sent but when I click to open the contents of the tab I would like to keep the color, showing which tab is open,…
-
0
votes0
answers113
viewsNg2-Charts Angular 2 - Update is performed on the chart, however, with empty data
I’m trying to update a graph using ng2-chartjs in Angular 2 (specifically Angular 7.2.0). When updating, the graph is resized, but the line of the graph is not drawn. To be clear, here’s what…
-
0
votes1
answer53
viewsinject dependency into a link function in a Directive Angularjs?
Personal I am making a Directive(component) that needs a dependency $compile, I am doing the operations on the directive link and need the $compile inside of it only that I am not managing to inject…
-
0
votes1
answer1326
viewsNullinjectorerror: No Provider for Formcontrol! Error in simple form with Reactiveforms
I’m having an error trying to render a simple contact form, but I don’t have a vision of why. Follow the error: core.js:14597 ERROR Error: Uncaught (in promise): Error:…
-
0
votes1
answer275
viewsHelp with jest ERROR : 'Test suite failed to runReferenceError: regeneratorRuntime is not defined'
I’m starting in TDD, I’m using jest to learn. But I have a question: I’m testing the following code : export const search = (query, type) => { return…
-
0
votes0
answers231
viewsChange folder components (Angular.io 7+)
Nowadays I have the following structure in my Angular7 project .src ..app ...dash-component ...login-component ...outro-component Is there a way to automatically change the components directory…
-
0
votes1
answer1014
viewsFormat Duration - Timer
I am trying to format in Dart/Flutter the timer a certain time elapsed, whose code: Duration _tempo = new Duration(); Text('Tempo: ${_tempo.inHours}:${_tempo.inMinutes}:${_tempo.inSeconds}'), The…
-
0
votes1
answer386
viewsAdd values of 2 fields, click on the button and appear the result in a third field
I would like to add the values informed in two fields/inputs click on the button and the answer appears in another field/input. I can’t figure out what’s missing in the code below. <!DOCTYPE…
-
0
votes1
answer57
viewsSend input content to database
I’m having a problem trying to get the values of these inputs to be sent to a database, my knowledge of php is very basic, I tried searching in various forums to see if I found something but I was…
-
0
votes2
answers160
viewsHide element when selected by another Select
I have two Select’s that have the same list of people. When I select "Maria" from select A this option should be hidden from select B, since we cannot select the same person from both selects.…
-
0
votes1
answer318
viewsDisconnect users or authenticate them again if the server is restarted - Angular 2
I have an Angular 2 application that is consuming an API in Nodejs. This application has JWT authentication. My problem is this: When the Node server is restarted, the user is still able to navigate…
-
0
votes1
answer565
viewsError using React-Native-camera
Hello, I need to put the app to read the Qrcode and in the tutorial I’m finding speaks to use the React-Native-camera. I’m just not getting the camera to work. I already made the configuration that…
-
0
votes0
answers116
viewsAngular shift detection not working for notification component
Hello. I was implementing a notification component to present, on a screen, successful or error messages for user operations. It is based on a Subject in a Service shared, where it feeds a list into…
javascript angular typescript front-end visual-studio-codeasked 5 years, 4 months ago Renan Fernandes 62 -
0
votes0
answers281
viewsHelp with dynamic images in Reactjs
> My code is returning the string value in the console, but does not return the image even though the path is right in the scr. I do not know what my mistake.I ask for help I am new in language.…
-
0
votes2
answers62
viewsUpdate item quantity in table
Guys I’m starting with Vue and I’m having a little difficulty. In the image below I have a table with some items and when I will increase the amount of the item Orange for example is increased all…
-
0
votes0
answers224
viewsError Saving Image in Directory - PHP/JAVASCRIPT
Hello, I’m trying to finish a part of a system, where the user draws his signature and after the action, the Canvas Image is sent to the directory, but when I open the Saved image appears the…
-
0
votes1
answer118
viewsSwitching from false to true with Vuex and Axios
Currently I have a structure with Nuxt and Vuex in the project, there is an object that comes directly from an Api and I need to make it change the state from "false" to "true" if the API returns it…
-
0
votes1
answer303
viewsHow to use more than 1 dynamic class with vuejs?
Good morning/afternoon / evening I have a doubt, I have a project where I have a dynamic class with ternary operators, I need to add another dynamic class to bring an extra class in this whole joke,…
-
0
votes1
answer106
viewsFill option with Flask data - Front x Backend
I have little knowledge in frontend and I’m needing to do the following: In my Backend I have a function which I run in python and which returns a list according to print. app = Flask(__name__)…
-
0
votes1
answer121
viewsMultiselect with search filter
I have a problem where I have a table that has 12,000 type records and I need to do a multi-select where the options appear according to the multiselect search filter. The intention is to facilitate…
-
0
votes1
answer33
viewsClock that goes down too fast
I’m trying to make a counter work when I click a button, it turns out that when a button is clicked more than once the counter starts to decrement too fast. Source code: var pomodoro =…
-
0
votes1
answer250
viewsAngular: ngModel is not being recognized
I’m using ngModel to insert value into variable through input, but the same is not being recognized, if I do with isolated values it returns nothing, if I try with object it returns Undefined Html…
-
0
votes2
answers518
viewsAngular: Value-to-variable assignment
I have a method that calls a service from an API and stores its result in a variable, but this result is not being assigned the variable I need. atribuirImagem(): void {…
-
0
votes3
answers413
viewsAlign text to the center of the image - Bootstrap
I’m using Bootstrap 4 pro site development. I thought I’d start by including the basic grid structure along with the image and an H1 (to test positioning). I wrapped the image and H1 in a div that I…
-
0
votes1
answer43
viewsHow do I align multiple Ivs within a container?
I’m having a problem, I’m trying to align several Ivs inside a container, more specifically 3, what I want is to get them all aligned on each other’s side, but one ends up going down and I don’t…
-
0
votes1
answer251
viewsDynamic checkbox does not work (Vuejs)
I am developing a Feature that lists products and their status (enabled, disabled). To choose the state of the product, I am using a checkbox in toggle-switch format. <div class="col-md-6…
-
0
votes1
answer75
views@media coming into conflict
Hello, I would like to know why some commands that belong to a @media are influencing and changing the same command in a @media different. For example, when I put a "width: 30%" in some photo on…
-
0
votes1
answer63
viewscannot add 100% width to content sessions
I’m having a problem trying to add a 100% width to my site sessions. The "width: 100%;" command is not working when applied to any content session (Nav, header, Section, div or footer). The rest of…
-
0
votes1
answer284
viewsHow to change the tone of an audio with Javascript?
Consider that I have the following HTML body and JS script: <!DOCTYPE html> <html> <head><title>Mudar tom do áudio</title></head> <body> <p>Mudar tom…
-
0
votes1
answer49
viewsPosition Material icone within tag span
Faaala my dears, I’m trying to position an icon in and in the upper right corner of an element, but when I apply right: 0; my icone some. Some css wizards master around? .btn-redirect { display:…
-
0
votes1
answer193
viewsHow to customize Swiper React.js Arrow in jsx or Styled.Component
I want to customize the Arrows of Swiper, but I found nothing in the documentation. This is the code of my navigation: const params = { navigation: { nextEl: ".swiper-button-next", prevEl:…
-
0
votes1
answer66
viewsCSS in React: Component disappearing when using position Absolute
Talk people, good afternoon! Next, I have a problem related to my css and I’m not able to solve. The problem occurs because in a <ul> i have 3 button icons(accept, cancel and edit), I want to…
-
0
votes0
answers63
viewsAdd a filter with quasar framework Vue.js
Good afternoon, I am trying to implement a filter in a list that contains several filters, however I am not able to pull the data to filter them, it seems to me you have to pull send for one…
-
0
votes1
answer222
viewsAdd values from a column (array) - Vue.js?
I would like to know how to add up the values of a array to appear on the screen. Example has a column with gross value, which contains the gross value of each component, wanted to add these values.…
-
0
votes0
answers13
viewsHow to round the result of a script, in case the script is IMC calculator
IMC calculator <h1>Calculadora IMC</h1> <form name="FormInc" action=" " method="post"> Enter your weight: Enter your height: <script type="text/javascript"> var peso; var…
-
0
votes0
answers19
viewsTransition with Vue grid
I have the following code in my component: HTML <template> <div id="app" :class="[ { 'hide-menu': !isMenuVisible || !user }, { 'hide-header-footer': !user }, ]" > <Header…
-
0
votes1
answer32
viewsHow could you create a javascript function that receives data from this html script? informed and age (in years and months)
based on that script: <h2>Qual sua data de nascimento?</h2> <input type="text" idade="Idade"> <input type="submit" value="Submit Idade"> I have this function, I don’t know if…
-
0
votes1
answer91
viewsIn CSS and HTML how can I leave side by side?
I want to leave the div side by side and if possible with a vertical line dividing I tried div container like this but it didn’t work: div { width: 100px; height: 100px; display: inline-block; }…
-
0
votes0
answers37
viewsBackend not receiving body of the request via AXIOS or Fetch
I’m trying to make a POST request via fetch and via Xios, but something is happening that the request arrives without the body. I used Postman to see if it could be some problem in the backend,…
-
0
votes1
answer61
viewsHow to update the on-screen data in Angular?
Hello, Everybody! I am working with a web system in Angular, which has a search bar in the header. Seen this, when the search button is clicked calls the following function: onSearch(){…
-
0
votes1
answer78
viewsMake a global useState variable in React
I’m making an app through the expo with React-Turn on.I’m making a button that when I click I want it to change the height of a Component . I thought of carrying out an export of a variable useState…
-
0
votes0
answers25
viewsAngular duplicating inputs with ngFor
In this app I want it to only return the value of the quantity in the input if the profile name is equal to the profile name of the data flock , but the angle is doing the following: It runs the…
-
0
votes0
answers15
viewsWhen I try to compile error. Error: Invalid hook call
My code was working until I tried to use Styled-Components, it gives this error Error: Invalid hook call. Hooks can only be called Inside of the body of a Function Component. The only thing I did…
-
0
votes1
answer50
viewsFirestore React error on
I’m trying to get the information from my collection in firebase but am getting the following error: Typeerror: Undefined is not an Object (evaluating '_firebaseConnection.default.db.Collection')…
-
0
votes0
answers22
viewsLayout with bootstrap rows and columns and Primefaces
I’m developing a Layout and needed the <p:panel> occupy every blank space it contains before the ONE and Stock fields. I’m going to post two figures, where they tell you how this is right now…
java twitter-bootstrap primefaces front-end responsive-layoutasked 3 years, 5 months ago Pablo Oliveira 21