AddContent()
Appends HTML content to an element, preserving existing content. Similar to Append() but takes an explicit element parameter.
Syntax
MaterialSB::AddContent(Element, Content.s)
Parameters
| Element | The DOM element to append content to. |
| Content.s | The HTML content string to append. |
Return Value
None.
Remarks
This function uses insertAdjacentHTML('beforeend', ...) to append content at the end of the element, preserving existing children.
The difference from Append() is that AddContent() requires an explicit element parameter, while Append() uses the current parent from the stack.
Example
Global logContainer, messageCount = 0
Procedure AddLogMessage()
messageCount + 1
MaterialSB::AddContent(logContainer, MaterialSB::Paragraph("[" + FormatDate("%hh:%ii:%ss", Date()) + "] Log message #" + Str(messageCount), MaterialSB::#Color_Grey))
EndProcedure
Procedure AddWarning()
messageCount + 1
MaterialSB::AddContent(logContainer, MaterialSB::Paragraph("[" + FormatDate("%hh:%ii:%ss", Date()) + "] Warning #" + Str(messageCount), MaterialSB::#Color_Orange))
EndProcedure
Procedure AddError()
messageCount + 1
MaterialSB::AddContent(logContainer, MaterialSB::Paragraph("[" + FormatDate("%hh:%ii:%ss", Date()) + "] Error #" + Str(messageCount), MaterialSB::#Color_Red))
EndProcedure
Procedure Main(Success)
If Success
MaterialSB::Row(MaterialSB::#Grid_Container)
MaterialSB::Col(12)
MaterialSB::Card()
logContainer = MaterialSB::CardContent()
MaterialSB::Append(MaterialSB::Header("Log Output", 4))
MaterialSB::Append(MaterialSB::Paragraph("Messages will appear below:", MaterialSB::#Color_Grey))
MaterialSB::CloseCurrentParent()
MaterialSB::CardAction()
MaterialSB::Button("Add Log", @AddLogMessage())
MaterialSB::Button("Add Warning", @AddWarning(), MaterialSB::#Button_Outlined)
MaterialSB::Button("Add Error", @AddError(), MaterialSB::#Button_Outlined)
MaterialSB::CloseCurrentParent()
MaterialSB::CloseCurrentParent()
MaterialSB::CloseCurrentParent()
MaterialSB::CloseCurrentParent()
EndIf
EndProcedure
MaterialSB::Download(@Main())