hendawh Posted November 30, 2023 Share Posted November 30, 2023 Hi, I wrote a simple form using boostrap, but when I render it to the player, the transparency option does not work. The page I show to the player is transparent until I add bootstrap to it. I've tried with version 4.0, 5.0, 5.2 but still the same problem. My HTML file: head: <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> body: <body> <div class="container d-flex justify-content-center align-items-center"> <form class="d-flex flex-column"> <div class="form-group mb-2"> <label for="username-input">Username</label> <input type="text" class="form-control" placeholder="Ur username"> </div> <div class="form-group mb-2"> <label for="password-input">Password</label> <input type="text" class="form-control" placeholder="Ur password"> </div> <button type="submit" class="btn btn-success align-self-center">Log in</button> </form> </div> </body> lua clientside: local screen_w, screen_h = guiGetScreenSize() local browser = guiCreateBrowser(0, 0, screen_w, screen_h, true, true) local theBrowser = guiGetBrowser (browser) function setURL() loadBrowserURL(source, "http://mta/local/selection-ui/index.html") showCursor(true) end addEventHandler ("onClientBrowserCreated", theBrowser, setURL) any solutions how to make it transparent with bootstrap? 1 Link to comment
hendawh Posted November 30, 2023 Author Share Posted November 30, 2023 Problem solved. If anyone had a problem with this: You need to remove the bootstrap styling of the body element, which overwrites the body background to #fff 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now