https://github.com/karenpayneoregon/bootbox-samples
Provides simple and advance code samples for BootBox JS
https://github.com/karenpayneoregon/bootbox-samples
bootbox html5
Last synced: 23 days ago
JSON representation
Provides simple and advance code samples for BootBox JS
- Host: GitHub
- URL: https://github.com/karenpayneoregon/bootbox-samples
- Owner: karenpayneoregon
- Created: 2020-11-15T14:57:49.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-09-14T16:42:57.000Z (over 3 years ago)
- Last Synced: 2025-05-28T02:07:13.208Z (about 1 year ago)
- Topics: bootbox, html5
- Language: JavaScript
- Homepage:
- Size: 3.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# About
Various code sample
# OED Steps
# OED Progress bar
A flexible way to display a progress bar
## Provides
An easy way to setup and use a progress bar for English or Spanish, if other languages are needed this would require minor changes. When 100% is reached in English "done" is appended to 100 while Spanish appends "hecho"
### Requires
- Bootstrap 4
- OedProgressHelper.js (under Scripts/local)
- oedProgressbar.css (under Content/Local)
- Scripts/Local/SpokenLanguage.js which is a container for language e.g. EN, E, S, SP
In a .cfm or .html place the following in
```html
```
Initialize, if the first parameter is null English is used.
```html
$(document).ready(function() {
$OedProgressHelper.init("S","#pageProgress");
});
```
### Methods
**Note** each method with **Back** will be changed to **Bar** and **color** changed to **Color**
- setBarcolor sets bar color accepts a valid [Bootstrap color](https://getbootstrap.com/docs/4.0/utilities/colors/#background-color). Internally former color rule is first removed.
- setBarcolorPrimary sets bar color to bg-primary.
- setBarcolorDanger sets bar color to bg-danger.
- setBarcolorOedGreen sets bar color to bg-success.
- InitializeValueToZero, sets progress value to 0
- Increment sets the progress bar value to a int value
- StepByQuarters steps value by 25% to max of 100
- StepBy10 steps value by 10% to max of 100
- StepBy5 steps value by 5% to max of 100
- CurrentValue returns the current progress bar value
- Show displays the progress bar
- Hide hides the progress bar
- setLanguage to change spoken language (_must first use **int** method_)
**Shown in Spanish**
# Bootbox
- Basic code samples for [Bootbox JS](http://bootboxjs.com/).
- Bootstrap icons
## Simple alert
# BootBox samples
# Bootstrap Icons
Get icons here
