From Clomosy Docs

No edit summary
No edit summary
 
Line 34: Line 34:
</div>
</div>
<div style="font-size: 14px;font-weight: normal;text-align:justify; max-width: 350px;">
<div style="font-size: 14px;font-weight: normal;text-align:justify; max-width: 350px;">
<li>TextSettings</li>
<li>FontColor</li>
<li>FontColor</li>
<li>FontName</li>
<li>FontSize</li>
<li>FontSize</li>
<li>FontVertAlign</li>
<li>FontVertAlign</li>
<li>FontHorzAlign</li>
<li>FontHorzAlign</li>
<li>Font.Style</li>
<li>BackgroundColor</li>
<li>BorderColor</li>
<li>BorderColor</li>
<li>BorderWidth</li>
<li>BackgroundColor</li>
<li>IsTransparent</li>
<li>IsTransparent</li>
<li>IsFill</li>
<li>IsFill</li>
<li>IsRound</li>
<li>RoundHeight</li>
<li>RoundHeight</li>
<li>RoundWidth</li>
<li>RoundWidth</li>
<li>IsRound</li>
<li>BorderWidth</li>
<li>PictureAutoFit</li>
<li>PictureAutoFit</li>
<li>PictureStretch</li>
<li>PictureStretch</li>
Line 53: Line 54:
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div  class="card d-flex flex-column justify-content-start gap-1 mb-3 h-100" style="padding: 3;">
<div style="font-size: 16px;font-weight: bold;text-align:left;">
SetupComponent Properties
</div>
<div style="font-size: 14px;font-weight: normal;text-align:justify; max-width: 350px;">
<li>Caption</li>
<li>Width</li>
<li>Height</li>
<li>PositionX</li>
<li>PositionY</li>
<li>Align</li>
<li>TextColor</li>
<li>BackgroundColor</li>
<li>TextSize</li>
<li>TextVerticalAlign</li>
<li>TextHorizontalAlign</li>
<li>TextBold</li>
<li>MarginTop</li>
<li>MarginBottom</li>
<li>MarginRight</li>
<li>MarginLeft</li>
<li>RoundHeight</li>
<li>RoundWidth</li>
<li>BorderColor</li>
<li>BorderWidth</li>
<li>ImgFit</li>
<li>ImgStretch</li>
<li>ImgUrl</li>
</div>
</div>
</div>
</div>
</div>
<br>
<br>


<div class="alert alert-warning" role="alert" data-bs-theme="light">
<div class="alert alert-warning" role="alert" data-bs-theme="light">
To learn the purpose and usage of the <b>SetupComponent</b> and <b>clProSettings</b> properties, please refer to [[Pro Object Properties| the page]].
To learn the purpose and usage of the <b>clProSettings</b> properties, please refer to [[Pro Object Properties| the page]].
</div>
</div>


<b>Example</b><br>
<b>Example</b><br>


For clProSettings:<br>
<pre>
<pre>
Var   
Var   
Line 126: Line 94:
</pre>
</pre>


For SetupComponent:<br>
<pre>
Var 
  Form1:TclForm;
  ProBtn : TClProButton;
void BtnOnClick;
{
  ShowMessage('Hello..');
}
{
  Form1 = TclForm.Create(Self);
 
  ProBtn = Form1.AddNewProButton(Form1,'ProBtn','Click Hero');
  clComponent.SetupComponent(ProBtn,'{
  "Align" : "Center",
  "Width":150,
  "Height":70,
  "ImgUrl":"https://clomosy.com/demos/foodInformationBox.png",
  "TextColor":"#9932CC",
  "TextSize":12,
  "TextVerticalAlign":"center",
  "TextHorizontalAlign":"center",
  "TextBold":"yes"
}');
  ProBtn.Caption = 'Click Hero';
  Form1.AddNewEvent(ProBtn,tbeOnClick,'BtnOnClick');
  Form1.Run;
}
</pre>


<h2> See Also </h2>
<h2> See Also </h2>

Latest revision as of 08:45, 16 April 2025

AComponent : Specifies the parent of the object to be defined.

xName : The name of the defined button should be written.

xCaption : You can add a title.

Unlike the standard button component, it has the feature of adding an image on the button. Apart from that, when you use the standard button, there is no clicking effect on the button when you run the application. You will see this feature when you use the TclProButton. The logic is the same as the standard button.

Feature Use of Definition
TClProButton ProButton1 : TClProButton; A variable belonging to the TClProButton class is created.
AddNewProButton ProButton1 = Form1.AddNewProButton(Form1,'ProButton1','Test Button Caption'); A new TClProButton is added to the form.

In addition to the features of a standard button, TClProButton offers new and advanced features, which we will explain in detail below.

clProSettings Properties

  • TextSettings
  • FontColor
  • FontName
  • FontSize
  • FontVertAlign
  • FontHorzAlign
  • BackgroundColor
  • BorderColor
  • IsTransparent
  • IsFill
  • RoundHeight
  • RoundWidth
  • IsRound
  • BorderWidth
  • PictureAutoFit
  • PictureStretch
  • PictureSource

  • Example

    Var   
      Form1:TclForm;
      ProBtn : TClProButton;
    
    void BtnOnClick;
    {
      ShowMessage('Hello..');
    }
    
    {
      Form1 = TclForm.Create(Self);
      
      ProBtn = Form1.AddNewProButton(Form1,'ProBtn','Click Hero');
      ProBtn.Align = alCenter;
      ProBtn.Width = 150;
      ProBtn.Height = 70;
      ProBtn.clProSettings.FontColor = clAlphaColor.clDarkorchid;
      ProBtn.clProSettings.FontSize = 12;
      ProBtn.clProSettings.FontVertAlign = palcenter;//palLeading , palCenter , palTrailing
      ProBtn.clProSettings.FontHorzAlign = palCenter;
      ProBtn.clProSettings.TextSettings.Font.Style = [fsBold,fsItalic];
      ProBtn.clProSettings.IsFill = True; 
      ProBtn.clProSettings.PictureSource = 'https://clomosy.com/demos/foodInformationBox.png';
      ProBtn.SetclProSettings(ProBtn.clProSettings);
      
      Form1.AddNewEvent(ProBtn,tbeOnClick,'BtnOnClick');
      Form1.Run;
    }
    


    See Also