Progress bar not available in the content category

1

HI all,
I have the latest version of wappler, and for some reason I can’t find the progress bar anywhere. One of the tutorials mentions the content category, but it is not there, please see image below.

image
image783×483 21.7 KB

Any help will be very much appreciated.
Best regards
Juan

2 
<div class="progress" id="UploadProgress" dmx-show="state.executing">
											<div class="progress-bar bg-success progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" dmx-style:width="uploadProgress.percent++'%'">
												Uploading
												Images...</div>
										</div>

Try pasting the above code in your form. I can’t remember exactly where the progress bar is but this should work for you in the meantime…

1 Like
3

Hi @Dave, thanks for the info, that is what I needed.
Best regards
Juan

1 Like
4

Its better to try and add such components to the root APP component in the ui, rather than placing just html directly.
When addes from UI, Wappler also adds supporting js and css files for such controls.
You will miss out on those when adding a control for the first time in a page using direct html.

One added under APP node, you can then move the html to desired location in code view.

1 Like
5

@mymdsdigital are you sure you included Bootstrap 4 and App Connect on your page?