Jump to content

Search the Community

Showing results for tags 'word wrap'.



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. How to hide scrollbars on TW3Memo? Or, how do I display large amounts of text with word wrap, like in the memo? code https://github.com/holmesshanea/smartmobilestudio/tree/master/preZidents test https://rawgit.com/holmesshanea/smartmobilestudio/master/preZidents/www/index.html test in mobile http://ipadpeek.com/ just select the device and orientation (rotation) What I am trying to achieve is display a large amount of text (wordwrapped) and have it display - no matter the device and orientation - and be able to scroll through the text that isn't visible on the display. Preferably with no scrollbars as is shown with the memo control. Maybe I need to display the text in a div element instead?
×
×
  • Create New...