Questions tagged [react-bootstrap4-modal]
30 questions
0
votes
1 answer
Why a white box is visible, even though I change the position of the modal body?
I have used react bootstrap to display a popup when page is loaded. I want to change the position of the box with tailwind css and the position is changing but there's a white box present on the screen. can you please help me how to remove…
SaiNaveen
- 51
- 1
- 6
0
votes
1 answer
Trigger Modal Close button
I would like some assistance executing onHide event function which would setShow state to false when Close Button inside the Modal component is clicked.
Demo sandbox found here: Sandbox
I've temporarily bypassed submitHandler for debugging the…
Leslie Nyahwa
- 107
- 1
- 9
0
votes
1 answer
React: Bootstrap Modal doesnt show
I would like to open a vertically centered modal as described here https://react-bootstrap.github.io/components/modal/
But I don't want it to open when I click a button I would like to open it when I open the component
import React, { Component }…
Tom
- 11
- 5
0
votes
1 answer
Why my image is not showing in browser even after importing BImg from bootstrap4-react?
I am following the below documentation:-
https://bootstrap-4-react.com/#documentation/components/navbar
And i am trying to implement the below code.
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { Navbar, Nav,…
hira
- 1
- 2
0
votes
1 answer
Can't open a new popup window react bootstrap
I am trying to open a new popup window in react.
I copied the code to open a new popup window from here:
https://react-bootstrap.netlify.com/components/modal/
And when I press the button, it is not opening a new window
this is my code:
import React…
Kenny Smith
- 729
- 3
- 9
- 23
0
votes
1 answer
Placing the modal at the bottom for all resolutions
I'm using react-bootstrap modal in my project. I need to place the modal at bottom of all the resolutions. For example, I can place the modal at bottom by changing css bottom property to -74% in 1080x1920 resolutions. But for other devices it is not…
ONE_FE
- 968
- 3
- 19
- 39
0
votes
1 answer
A react button cannot have two arrow functions?
I'm trying to make a button that displays a bootstrap modal with a form and fill it with the data of the element you clicked (The app let you list, add, delete and edit elements). The problem is that only the second arrow function in the onclick…
ODLana
- 149
- 1
- 3
- 10
0
votes
0 answers
brand logo is not show correctly in navbar on react js project?
I am trying to add brand logo on exact before the brand name, I write the syntax using that logo is added but it not showing, so how I can adjust the brand logo before the brand name
import React from 'react';
import ReactDOM from…
Akshay jadhav
- 58
- 1
- 11
0
votes
2 answers
Modal doesnt show up in react
I'm new to react thus the question.
This is my CustomModal,
import React from 'react';
import {useState} from "react";
import {Button, Modal} from "react-bootstrap";
const CustomModal = (props) =>{
const [show, setShow] = useState(true);
…
Melissa Stewart
- 3,483
- 11
- 49
- 88
0
votes
1 answer
How can I get this React Bootstrap Modal Working properly?
I have a exercise I am working on/attempting to replicate and I am trying to add a modal button to the file. I have the button and the modal from React Bootstrap, however, I am unable to get the actual modal to show up. I was using the documentation…
RJorns
- 281
- 1
- 5
- 9
0
votes
1 answer
React-Bootstrap Modal mobile size has a additional white space
I'm using react-bootstrap": "^1.0.0-beta.5"
I just cannot get rid of the extra white space created by the dialog / modal for my modal, on mobile view.
i've read a few threads refering to it as bootstrap 3. I did tried to cahnge the bootstrap.css…
DarkArtistry
- 434
- 1
- 6
- 22
0
votes
1 answer
How to clear radio buttons / clear all selected radio buttons to false state. reactjs - bootstrap
How can I reset radio button to default state or clear all selected radio buttons.
CODE
contact dummy
- 571
- 9
- 25
0
votes
2 answers
Bootstrap Modal with form issue
I have a modal which contains a rather long form field. All regular code according to react-Bootstrap.
When I Enter text (start typing) in a text field, the Modal body is jumping. As if the Modal is trying to force the text field into view?
How can…
Mads
- 57
- 1
- 2
- 7
0
votes
1 answer
React Bootstrap4 modal placement
I've got a component that opens a bootstrap modal (using react-bootstrap4-modal)
It opens and closes using this
{this.state.inEditMode ?
stackoverfloweth
- 6,669
- 5
- 38
- 69
-1
votes
1 answer
React-Bootstrap modal only show and delete last mapped element
i'm building eccommerce and in my cart i want to show a modal when user tap on delete icon but my modal always show and delete last element of my cart
how can i resolve this issue
here's my modal component:
const VerticalModal = ({ item, mShow,…
Harshit Singh
- 27
- 1
- 5