Access html file from inside UIModel

Todd O · May 2022

I have a data form that has a UIModel and html. I need what is shown to change based on user entered information. I know I could set the visibility of fields in the CLR code but does anyone know if its possible to access and alter the html on the fly from within the UIModel code?

Steven Finnell · June 2022

Todd,

As far as I'm aware outside of hiding fields I don't think it would be possible outside of directly editing the associated html, css, or javascript files by opening them up, making the changes and resaving them (which is a lot of trouble for very little result).

Chris Kastner · July 2022

@Todd O You should be able to do that with JavaScript (or jQuery) which you can either have directly in the HTML file in a script tag, or a separate JS file in your htmlforms folder (see below for guide on the SDK about JS)

Joseph Styons · July 2022

@Todd O

Hi Todd,

I have pushed a demo of dynamic behavior through JavaScript to my public training repository. If you pull that down, take a look at the following files:

\\Training.Catalog\\Add forms\\DynamicBehaviorDemo.Add.xml
\\Training.UIModel\\htmlforms\\custom\\training\\DynamicBehaviorDemoAddDataForm.html
\\Training.UIModel\\htmlforms\\custom\\training\\DynamicBehaviorDemoAddDataForm.js

Here are the basic steps:

Create your form with whatever fields you like
Add a UIModel to that form in the usual way
Edit the html file of that uimodel by adding a SCRIPT tag to the bottom
Create a JS file with Blackbaud “bbui” handlers (see Chris Kastner's link, or the example file)
Add JS code to do whatever you want - you can take jQuery for granted, because BBCRM pulls that in for you.

Todd O · July 2022

@Chris Kastner, @Joseph Styons, thanks for both for the responses. These are very helpful to get me going.

Access html file from inside UIModel

Comments

Categories