How to get the bootstrap popup box in square box
Sundeep
How to get the bootstrap popup box in square box, At present it is in Rectangular shape, But I need square box ..Please help in this Thanks in Advance...
Example:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<ng-template #content let-c="close" let-d="dismiss">
<div class="modal-body">
<button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
<span aria-hidden="true">×</span>
</button>
<input type="file" (change)="onFileChange($event)" />
<button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Save</button>
<button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Cancel</button>
</div>
</ng-template>
Hashim Zahid
set the height and width equally same, you can make a class in the css and assign that to the modal div.
.myCustomModal {
height: 100px ;
width: 100px;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: auth:api middleware not working in live server using laravel
- Next: jQuery outerHeight() produce wrong height of div
Related
TOP Ranking
- 1
pump.io port in URL
- 2
Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)
- 3
Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background
- 4
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 5
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 6
Spring Boot JPA PostgreSQL Web App - Internal Authentication Error
- 7
ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3
- 8
Using Response.Redirect with Friendly URLS in ASP.NET
- 9
Can a 32-bit antivirus program protect you from 64-bit threats
- 10
Double spacing in rmarkdown pdf
- 11
How to fix "pickle_module.load(f, **pickle_load_args) _pickle.UnpicklingError: invalid load key, '<'" using YOLOv3?
- 12
3D Touch Peek Swipe Like Mail
- 13
Bootstrap 5 Static Modal Still Closes when I Click Outside
- 14
Assembly definition can't resolve namespaces from external packages
- 15
Vector input in shiny R and then use it
- 16
Emulator wrong screen resolution in Android Studio 1.3
- 17
Svchost high CPU from Microsoft.BingWeather app errors
- 18
Graphics Context misaligned on first paint
- 19
Python connect to firebird docker database
- 20
Is this docker-for-mac password dialog legit?
- 21
How to save models trained locally in Amazon SageMaker?
Comments