Jump to content

Search the Community

Showing results for tags 'vertical'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Categories

There are no results to display.

Forums

  • Welcome to Smart Mobile Studio
    • News and Information
    • Pre-Sales Questions
    • Smart In the Media
    • Smart Contests
    • Meta
  • Smart Mobile Studio Discussion
    • General
    • IDE
    • RTL
    • Code
    • Client Server
    • Platform
    • Graphics
    • Deployment
    • Suggestion box
  • Smart Mobile Studio support
    • Support
    • Bug report
  • General Discussion
    • Pascal
    • Delphi
    • Javascript
    • HTML/HTML5
    • CSS
  • Resources
    • Website
    • Download Smart Mobile Studio

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Location


Interests


Company name


Position

Found 2 results

  1. I need to be able to align text in a TLabel or TLabelText vertically, to it's container. I also need it to word wrap. I am particularly interested in using the label in a Layout, and therefor should align vertically to the layout when it is resized. I also need the text to word wrap based on the width of the layout (i.e. no ellipsis or clipping of text) What is the best way to go about this? I know for a DIV element, in HTML, i can do this <DIV style="height:100px; background-color: red; text-align: center; vertical-align: middle; line-height: 100px;"> This is how you align text in a div element both horizontally and Vertically </DIV> I attempted to create my own label(TsahLabel) by modifying the TW3Label fLabel:= TsahLabel.Create(self); fLabel.Caption:= 'I need to be able to align text in a TLabel or TLabelText vertically, to its container. I also need it to word wrap.' + 'I am particularly interested in using the label in a Layout, and therefor should align vertically to the layout when it is resized.' + 'I also need the text to word wrap based on the width of the layout (i.e. no ellipsis or clipping of text)'; w3_setStyle(FLabel.Container.Handle, 'background-color', 'white'); w3_setStyle(FLabel.Handle, 'background-color', 'red'); fLabel.AlignText:= taCenter; changing the TW3Label's Resize event from procedure TW3Label.Resize; var dx, dy: Integer; wd, hd: Integer; begin inherited; FContainer.BeginUpdate; FContainer.SetBounds(0,0,2,2); wd := ClampInt(FContainer.ScrollInfo.ScrollWidth + 2, 0, ClientWidth); hd := ClampInt(FContainer.ScrollInfo.ScrollHeight, 0, ClientHeight); case FTextAlign of taLeft: begin dy := (ClientHeight div 2) - (hd div 2); FContainer.SetBounds(0,dy,wd,hd); end; taCenter: begin dx := (ClientWidth div 2) - (wd div 2); dy := (ClientHeight div 2) - (hd div 2); FContainer.SetBounds(dx, dy, wd, hd); end; taRight: begin dx := ClientWidth - wd; dy := (ClientHeight div 2) - (hd div 2); FContainer.SetBounds(dx, dy, wd, hd); end; end; FContainer.EndUpdate; end; to procedure TsahLabel.Resize; begin inherited; FContainer.BeginUpdate; FContainer.SetBounds(0,0,ClientWidth,ClientHeight); //added by shane case FTextAlign of taLeft: begin W3_SetStyle(FContainer.Handle, 'text-align', 'left'); end; taCenter: begin W3_SetStyle(FContainer.Handle, 'text-align', 'center'); end; taRight: begin W3_SetStyle(FContainer.Handle, 'text-align', 'right'); end; end; FContainer.EndUpdate; end; and changing the IntializeObject method from procedure TW3Label.InitializeObject; begin inherited InitializeObject; FContainer := TW3LabelText.Create(Self); w3_setStyle(FContainer.Handle, 'white-space', 'nowrap'); w3_setStyle(FContainer.Handle, 'overflow', 'hidden'); w3_setStyle(FContainer.Handle, w3_CSSPrefixDef('vertical-align'), 'middle'); SetCaption('Label'); Height := 12; end; to procedure TsahLabel.InitializeObject; begin inherited InitializeObject; FContainer := TsahLabelText.Create(Self); w3_setStyle(FContainer.Handle, 'white-space', 'pre-wrap'); // ***** w3_setStyle(FContainer.Handle, 'overflow', 'hidden'); w3_setStyle(FContainer.Handle, w3_CSSPrefixDef('vertical-align'), 'middle'); SetCaption('Label'); Height := 12; end; however, im still getting ellipses and the align vertical is not working SCREENSHOT if I add the style line-height, then I can't calculate the correct pixel height based on my clientheight. e,g, w3_setStyle(FContainer.Handle, 'line-height', IntToStr(ClientHeight) + 'px'); which is NOT correct SCREENSHOT2
  2. using the TW3Scrollbox's Vertical and Horizontal scroll bars work great with the mouse in a browser. Both the bars can be dragged with the mouse, and the arrows at each end can be clicked to move the bars. However, they are not working in my Android Device. Do I have to utilize the Scrollbox's OnGesture or OnTouch events? If so, how do I do so. Btw, the same thing for the TW3Memo control
×
×
  • Create New...