InputGroup
TsgcHTMLComponent_InputGroup — render a Bootstrap input with prepend and append addon text (for example $….00 or @username), in Delphi, C++ Builder and .NET.
TsgcHTMLComponent_InputGroup — render a Bootstrap input with prepend and append addon text (for example $….00 or @username), in Delphi, C++ Builder and .NET.
An input component that emits a Bootstrap input-group with optional prepend and append addon text around a form-control. Set the texts and the input, then read the HTML property.
TsgcHTMLComponent_InputGroup
Bootstrap 5 input-group markup
Delphi, C++ Builder, .NET
Set PrependText/AppendText and the input properties, then read HTML — or call the static Build helper for a one-liner.
uses
sgcHTML_Enums, sgcHTML_Component_InputGroup;
var
oGroup: TsgcHTMLComponent_InputGroup;
begin
oGroup := TsgcHTMLComponent_InputGroup.Create(nil);
try
oGroup.PrependText := '$';
oGroup.AppendText := '.00';
oGroup.InputName := 'amount';
oGroup.InputTypeEnum := itNumber;
oGroup.Placeholder := '0';
oGroup.Size := igsLarge;
WebModule.Response := oGroup.HTML; // <div class="input-group">...
finally
oGroup.Free;
end;
end;
// Or the static one-liner (prepend, name, placeholder, append):
Result := TsgcHTMLComponent_InputGroup.Build('@', 'user', 'username');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_InputGroup.hpp
TsgcHTMLComponent_InputGroup *oGroup = new TsgcHTMLComponent_InputGroup(NULL);
try
{
oGroup->PrependText = "$";
oGroup->AppendText = ".00";
oGroup->InputName = "amount";
oGroup->InputTypeEnum = itNumber;
oGroup->Placeholder = "0";
oGroup->Size = igsLarge;
String html = oGroup->HTML; // <div class="input-group">...
}
__finally
{
delete oGroup;
}
// Or the static one-liner:
String html = TsgcHTMLComponent_InputGroup::Build("@", "user", "username");using esegece.sgcWebSockets;
var group = new TsgcHTMLComponent_InputGroup();
group.PrependText = "$";
group.AppendText = ".00";
group.InputName = "amount";
group.InputTypeEnum = TsgcHTMLInputType.itNumber;
group.Placeholder = "0";
group.Size = TsgcHTMLInputGroupSize.igsLarge;
string html = group.HTML; // <div class="input-group">...
// Or the static one-liner:
string html2 = TsgcHTMLComponent_InputGroup.Build("@", "user", "username");The members you reach for most often.
PrependText renders a leading input-group-text addon; AppendText renders a trailing one. Leave either empty to omit it.
InputName, InputValue and Placeholder populate the inner form-control; InputType sets the raw HTML type string.
InputTypeEnum (TsgcHTMLInputType) picks itText, itEmail, itNumber, itPassword, itTel and more without hand-coding the type string.
Size (TsgcHTMLInputGroupSize) chooses igsDefault, igsSmall or igsLarge to add the Bootstrap input-group-sm/-lg modifier.
Build(prepend, inputName, placeholder, append) — and an overload taking a TsgcHTMLInputType — returns the markup in one line without managing an instance.
HTML returns the complete input-group <div>; GroupID sets its id attribute for scripting or styling.
| Online HelpFull API reference and usage guide for this component. | Open | |
| All sgcHTML ComponentsBrowse the full feature matrix of 80+ components. | Open | |
| Download Free TrialThe 30-day trial ships the 60.HTML demo projects. | Open | |
| PricingSingle, Team and Site licenses with full source code. | Open |