Custom element

Bootstrap Studio Help
#1

Hello,

I'm using Apache Wicket (https://wicket.apache.org/) to create my dynamic website. This framework is using a namespace "wicket" to add elements and attributes like the attribute wicket:id or the element <wicket:panel />: https://ci.apache.org/projects/wicket/guide/9.x/single.html#_divide_et_impera

I would like to know if I can create custom elements with Bootstrap Studio, element ignored but the editor ?

Thank you.

Stef

#2

BSS allows you to write custom HTML in the form of Custom "code blocks" but they have no special interaction with this programs's visual tools. They're basically just like injected snippets of code. Custom components created with the programs standard Bootstrap components can have their own IDs, classes and attributes which you can define, and then save to a library. I am not familiar with wicket, so I am not exactly sure what it is you're trying to achieve by integrating BSS into you workflow. Have you tried using the online demo version of BBS?

https://bootstrapstudio.io/

#3

Hi
This is a greater issue than may be understood. I use thymeleaf and need to put
xmlns:th=“http://www.thymeleaf.org” on the page. I have searched the forum(I really have, honest) and tried all knowable options. The last being how to edit the BSS template, which was not knowable(can someone instruct). I of course understand and admire the reasons, and can edit the page for that simple change in development to production. Indeed I am thankful for the additional insight this has provided, but if it is possible to affect that change I would appreciate it greatly.

#4

This builder is for building websites and components with Bootstrap so I’m not sure how useful it would be for trying to create components or anything like that for other frameworks.

#5

You could add that to every page using Pythons Beautiful Soup html parser and then save and overwrite the original file via the powerful export script option Bootstrap Studio includes. I run my .py scripts from a master batch file. Reame html files, remove html, add html, change html, create directories, change links, etc etc etc.

#6

You can do that in Bootstrap Studio like this

thymeleaf
thymeleaf1920×1011 233 KB

and the html will look like this

<div class="table-responsive">
	<table class="table">
		<thead>
			<tr>
				<th th:text="#{msgs.headers.name}">Name</th>
				<th th:text="#{msgs.headers.price}">Price</th>
			</tr>
		</thead>
		<tbody>
			<tr th:each="prod: ${allProducts}">
				<td th:text="${prod.name}">Oranges</td>
				<td th:text="${#numbers.formatDecimal(prod.price, 1, 2)}">0.99</td>
			</tr>
		</tbody>
	</table>
</div>

example from your link above