Category "react-bootstrap"

Bootstrap validation in a dual-purpose form not working

I have a form that is used for both Adding and Editing an Organisation. If the form is in Add mode (default) then you also create a default Admin user as part o

Error: Hydration failed because the initial UI does not match what was rendered on the server with useSession() and react-bootstrap

I am using next.js, react18 and next-auth. I have a login component that checks the session and displays a login or logout link, depending on you are logged in

How to add scroll into react-bootstrap Modal.Body

I'm using react-bootstrap modal. How can I make only body to scroll and not all the page? <Modal.Dialog> <Modal.Header> <Modal.Titl

need help centering bootstrap carousel image

I am having trouble making the image centered in the slider. Please see my carousel here https://wordpress-website-headless-v2-c9jivybjd.vercel.app/ it is creat

Can I use React Bootstrap with Next.js?

Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is

Displaying firstname and last name in the same column in react-table-2

I have an API rendering some user data, first- and last name etc.: users = [{ firstname: 'Peter', lastname: 'Pan' address: 'someAddress' }, firstname:

How to add Horizontal Scrollbar in a React Bootstrap Table?

I am using React Bootstrap Table and I want to add Horizontal Scrollbar only to the last two columns. Last two columns should be wrapped in a scrollable contai

Can't change width of React Bootstrap button

Can someone tell me how to change the width of my React bootstrap button? I am just playing around with it I've imported the Button component from react-boot

how can I react-bootstrap change the color of the tabs

I want to change the color of the tabs used in react-bootstrap. but when I change the style it goes for the content and not the tabs. How can I do it.

react-bootstarp warning about color adjust [closed]

I began my react app with create-react-app, then I installed react-bootstrap with npm, then I used in my index.js import 'bootstrap/dist/css/b

Creating block buttons using Bootstrap in ReactJS

I want to create simple block buttons, that span the entire div. I am using react-bootstrap package to do this in React. Here is the code I am using:- <Conta

React-Bootstrap not working after npm installing and importing it

I made an app using create-react-app and then I ran npm install react-bootstrap and then npm install bootstrap Then in my main src/index.js file, I imported Boo

ReactJS Reuse Modal for Add and Edit

I have a ReactJS application, I have a page that has a table there is a create button for creating a new record that opens a modal to enter the data. That works

ReactJS Reuse Modal for Add and Edit

I have a ReactJS application, I have a page that has a table there is a create button for creating a new record that opens a modal to enter the data. That works

Open only one React-Bootstrap Popover at a time

I'm using React-Bootstrap Popover and I was wondering if there is any builtin property that I can add either to Popover itself or to OverlayTrigger so only one

Centering Modal Title and button in React Bootstrap

I am trying to implement React Modal for my project. I want to center the Modal Title and Modal Button. I tried to use flex and just-content-center but it didn'

react-router-dom Link on click close bootstrap modal window

I need to close the modal window by clicking on the link. My modal window: export const ModalWrapper = (props) => { const { children, title, modalName }

How to reset a React-Bootstrap Form after submit?

I added React-Bootstrap to my app. So I change a basic form with React-Bootstrap components. I can't reset a form after a submit. Here is my simplified code: