Resizing Text Containers Based on Size of Adjacent Image Components

I have a strange problem related to the size of a text component. Basically in my app I have a hbox 1000 pixels wide containing an image component on the left hand side which isn't scaled and it's content is dynamic meaning that upon clicking of certain objects it changes in size and width etc as a bigger or smaller image is loaded into it. In the same hbox to the right of this I have a text area which is also populated dynamically by differing text in this way.
The image components width and height is not set and neither is the text areas because as I say I want them to be populated dynamically but I'm going to limit the image's width by setting it's max width to 600 but what I want is as the image resizes to take up a larger portion of the h box, i want the text area to take up the REMAINDER of the hbox whilst having it's text flow onto the next lines below it. At the moment the text just seems to be flowing outside of the hbox box cutting through it to the right so to speak without going to the next line when it reaches the edge of the hbox.
I haven't got much experience working with dynamic text. Can anyone give me any tips on this or tell me how to solve it? Thanks for any suggestions.

Usually setting the width of the TextArea to 100% makes it occupy whatever space the Image does not occupy. Does that not work?
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

Similar Messages

Is there any options/addons for selecting/changing image size when viewing images?

When clicking to open images when on web pages there is no option to select size.
I'm looking at some pages that have images (mostly jpg) I like to compare and that is very hard when all images open in a size that normally fill most of the browser window.
So I wonder if there is some hidden options or addons for selecting image size when opening images for viewing?
I have tried Image resizer/scaler, image zoom and show picture with mix results. Image resizer/scaler and image zoom allow resizing of images, but when opening images on same tab as web page the white image "frame" that is visible when reducing image size is left in original size. This make viewing and opening other pages a hazard.
I'm grateful for any help...cheers :-)
Picture of white frame
http://s25.postimg.org/z1ubo6zun/Remove_Exterior_Fog_at_Skyrim_Nexus_mods_and_c.png

hehe no offense, but I'm not following the version rushing from Mozilla. I'm using many customizations and addons and it is a nightmare to change to a new version and practically impossible to use last version. Also the FIrefox history have shown that earlier versions have both been more stable and had better implementation of features.
Spending hours customizing and finding out that addons dont work with new version every time Firefox come with a new version , no thanks. For that to happen Firefox have to be more compatible across versions and more friendly toward customization in updates and new versions. I have used Firefox for at least 8-9 years with practically no security problems and one thing I have learned is: dont update or install next version if the version I have is working well.
Maybe I should have mentioned this in this question, that Im using v26 and that my FIrefox is heavily modified with addons and customizations.
'''Back to the subject'''
Anyway I dont think any of my customizations or addons should create a white frame behind images, but I'm asking to find out if you guys also get this white frame when resizing pictures to a smaller size after clicking images for viewing.

Can I shrink the size of a form text box based on the content?

We are helping a customer migrate from some MS Word forms to use pdf forms. We are screenscraping the data from an AS400 green screen system and populating these new pdf forms with data. however some of the text boxes are in the middle of a sentence and the text box needs to be large enough to fit 50 characters but there are many times when the data we are entering is much less than 50. The resulting document looks very strange with all of that extra white space in the middle of a sentence due to the size of the text box.
So can we somehow shrink the size of the text box to fit the number of characters in the box?
I considered making the box smaller and setting the font size to auto but I think that would look even more strange to have a word with smaller font in the middle of a sentence.
Thanks,
Trent

Sorry, I should have mentioned I am using acrobat professional 9. I see that I can change the size of the text field when I am designing the form but what I don't see is how to dynamically change the size of the text field based on what data is put inside it.
Thanks,

How to re-size a overflow text frame based on the text length?

Hi ..
Is it possible to re-size a overflow text frame based on the text length?

Hello,
Please refer to forum post : http://forums.adobe.com/message/4828489#4828489
Regards,
Sachin

Help on resizing text boxes and general image techniques

Using CS2.
I have two basic questions. One has to do with getting the best vector images (with text) that I can for placement in InDesign documents. The other has to do with the specifics of working with text boxes in FW.
The easiest way for me to produce vector images has been by using PowerPoint. I do all the graphics work and then save it as a gif. I do cropping in a graphics tool (Irfanview, PS) and then insert or place the image. As long as there is no resizing, things work well. I'm not sure how things like DPI are controlled using this technique but I'm assuming that also would be done with the graphics tool. I know Irfanview allows for the dpi to be specified during resizing.
The problem starts to show up when the gif object is resized. Things get distorted and I lose the crispness of the image contents. I'm certainly not an expert on graphics however I've been thinking I either need to 1) make the actual size of graphics in PP the size of the final placed image so there is no resizing (just some cropping) or 2) to work in a tool like FW where (I'm assuming) there are better capabilities to resize vector graphics. My sense (again, not an expert) is that the process I'm using converts to vector graphics in PP to a bitmap image in the gif and that resizing doesn't work as well for bitmaps as for vector objects. Do I have that right?
Moving on to question 2:
Can text boxes be resized in FW without distorting the text? Can their size be seen when originally drasing them? Perhaps spoiled by PowerPoint, I like to set the width of vector objects (e.g. rectangle) and the width of the text that will fill it to the same size. (I know PP has the ability to put borders on text boxes but when working in FW I need to work with 2 objects, the rectangle and the text box). Say I have a rectangle that is 81px wide. Can I set a text box to 81px wide without distorting the text?
I tend to want to control actual object sizes so I can get good spacial alignment. For example, I tend to set the width of a text object to an odd number of px so that any line coming out of the text object aligns well with the text. I must admit that it may be time for me to use a different technique in FW (e.g. more alignment of multiple objects vs. knowing dimensions and seting locations). Does my approach need improvement?
Thanks for any advice
Tom

As I wean off of PP I've started looking at FW and Illustrator (I have both). I've done a logo or two in FW and have used it to build some simple web graphics (e.g. buttons, menus). It can, as I recall, be a little more complex than what I need in this case.
Since PP is not a graphics program, its drawing capabilities are very limited. As a consequence, any graphics application will have many more features than you're used to seeing and more than you need for any one project.
I did a little experimenting with Illustrator and my first impression is that it will work better for me for this work. It seems a little more intuitive.
Is a general guideline to use FW for web-destined graphics and Illustrator for what I used to do in PP?
Your suggested guideline is good. Also, note that if you make a logo or vector graphic in Illustrator (saving as .ai format), you can import that into Fireworks and work with it as a vector object there. FW can import and use, just not create, .ai objectes and files.
FW has some vector tools, they are tucked away under Window > Others > Path. Since FW is intended for producing Web graphics, it is a hybrid application, capable of both vector and photo/image editing. Given that it has some of both, it necessarily doesn't have everything that Illustrator has nor everything that Photoshop has. It has most the features of both of those programs, as long as the feature is useful for a Web graphics designer. For pure photo editing Photoshop has the edge; for pure illustration, Illustrator has the edge. Both Photoshop and Illustrator support color profiles and other features important for print that Fireworks does not. All are good programs, but there are reasons to prefer one over the other depending on what kind of graphics you need to create or work with and what your intended use of the work is. (But any of them will be superior to PowerPoint! )
I'm not sure I can unravel the mystery with the text box resizing. I suspect theres an option selected. Knowing it can be done is enough for me to do some homework.
Maybe...don't think of text boxes at all. You have text objects. The object has a bounding box that is determined by the underlying definition of the font, but it isn't in a text box. (Sometimes swooshs will extend beyond the defining box of a character in the font, but that is another issue). The bounding box for the text object is similar to the bounding box of a circle or a star or an irregular shape. There's a reference box for the dimensions, but the text is not inside some other independent container.
To resize, select the text object and change the font size either using the Properties palette or using the scale tool to drag on a corner of the scaling outline (different from the bounding box, and I don't know why, sorry).
I think that,with Illustrator, you can define text boxes (or other shapes) and fill them with text. *searches* Ah.. Like these: http://school.tatoland.com/illustrator/aitype.html
cheers!
Lorraine

Dynamic Text Boxes / Resizing text boxes

I have a site with a dynamic text box that I have initialized
(I'm not sure that that is the correct term) at the beginning with:
myText = new LoadVars();
myText.onLoad = function()
{ textBox_txt.htmlText = this.content;
myText.load("text/bio.txt");
stop();
Then I have just used a text box throughout with the same
instance name, although sometimes I have it on a new keyframe. I
assumed I could just keep loading text into it on different frames
with:
stop();
myText.load("text/performances.txt");
This appears to be working, except that sometimes it seems to
be confused and the text box on a certain frame has the wrong text
in it. Do I have to initialize one for each frame in order for them
to display the right code? What could be causing it to load another
text file if it's frame action is telling it to load something
else? It seems unnecessary to have to re-initialize it for a new
text box instance in every new frame, but is that the way it has to
be done?
Also, I'm not clear on resizing text boxes. It seems like if
I use the width and height numbers to resize this text box on
different pages then it changes the size of the text inside, and
the scroll bar (the UIScrollbar) is a little squishy looking
sometimes. How does this work?
Thanks for any help.

You will find it much better to create a new LoadVars object
for each of the frames, just call them myText1 myText2 etc.
The name of the text box instance in this case is irrelevant
but best practice would be to give them individual names.
As for the stretching effect use setSize() for UI
components.

Resizable page for different screen sizes but with static image content. Shall I use media query?

I’m making a page that has of mostly image content. It’s a large circle in the middle so I want it to be centered vertically and horizontally. I also want it to stay centered and resized proportionally for different screen sizes. I’ve read about media query but it seems to me that the elements just become fluid. Can I make the elements stay in place using the media query?
I’m working in Dreamweaver CS5.5

Here's the code I'm working with now, I've taken away the things that I don't really understand.
It's working but I guess it won't hold when I start with the media queries.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><style type="text/css">
body {}
div {
   font: 12px Arial;
span.bold { font-weight: bold; }
#the-circle {
height: 960px;
width:960px;
margin-left:650px;
margin: 0px 10px 0px 10px;
margin-left:650px;
.link-row {
position:absolute;
width: 960px;
height: 74px;
top: 130px;
left:660px;
.link-row-2 {
   position: absolute;
   width: 960px;
   height: 74px;
   top: 300px;
   left:660px;
.link-row-left {
float: left;
.link-row-right {
float: right;
.link-row-right {
float: right;
.link-row-right {
float: right;
</style></head>
<body>
<br /><br />
<div id="the-circle">
<img src="ACE Test/Logo-DW.png" width="960" height="960" />
</div>
<div class="link-row">
<div class="link-row-left"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
</div>
<div class="link-row-2">
<div class="link-row-right"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
</div>
</body></html>

Some text on page re-sizes

I have a page on my website that basically has two columns of text. The text is the same in both columns, but for some reason the text on the right column seems to re-size itself after the page loads.
What is most weird however, is that while the page is loading (if you are on a slightly slower connection) the text is the same size, but when the page finishes it seems to get slightly resized.
http://www.dynamicinterplay.com is my website and the page in questions i the music page.
Anyone have any advice on this?

I have experienced this too, not sure what causes it. Cyclosaurus suggested to me it might have something to do with a "tinytext" tag often added by iWeb. Oh well...

Resizing Text for Accessibility

Hi All,
I just set up my website using iweb. Everything works except that the user is not able to resize text via the web browser. My friend, who has experience testing sites for accessiblity, says that the text is "alt-text" rather than "real-text." Does anyone know how to change this so that my users will be able to change the text size using View in the browser window?
Thanks in advance!

Ilias ~ I'm fairly sure the OP is pointing out that, even when the text has not been converted to a text-image, the text-text does not respond to browser commands to enlarge the text. So, for example, this iWeb site's text in the main body of the page has not been converted to an image:
http://iwebfaq.org/site/iWeb_FAQ.html
...yet the text won't enlarge in response to browser commands. Contrast that with this Apple page (not made with iWeb) which does respond to browser commands to enlarge the text:
http://www.apple.com/hotnews

My mouse wheel is not resizing text like it's supposed to ... how do I fix this?

BACKGROUND: I'm getting tired of warnings in Seamonkey about sites no longer supporting it, and am considering switching to firefox (with the add-ons that keep the Mozilla look and feel, instead of trying to pretend it's M$ IE (which I wouldn't touch with a 100000000 foot pole).
Problem #1: I'm used to my mouse wheel resizing text in a tab,
but for some reason, I can't find the option to enable this in firefox.
How do I configure this to work properly? I seem to recall an add-on that fixes this, but can't find it now.
Problem #2: I had an add-on (back when I first tested firefox), that restored Edit-->Preferences, but it's no longer working. Is there another way to put the Preferences option where I'm used to looking for it?
Thanks,
--jim

iOS: Device not recognized in iTunes for Mac OS X

Site previews fine in Firefox locally, but when I published the site all the text is the wrong size

I am a rookie web designer. I recently created a site using CS6. http://www.joshuahetzler.com When I previewed the site in Dreamweaver it looked good in Firefox and IE. I published the site and now it is messed up in Firefox. All the text is the wrong size. Does anyone know how to fix this? Does it have something to do with my hosting provider? (I deleted a wordpress site from the directory an hourago and put this new site in its place) Why does IE display properly, but not Firefox...

Caused by a bad link to your site's CSS file. This is pointing to a file on your local hard drive which nobody but you can see.
<link href="file:///C|/hetzlerj/jhgc/menu.css" rel="stylesheet" type="text/css" />
Open your template and reconcile the path to your site folder. It should probably look like this:
<link href="../menu.css" rel="stylesheet" type="text/css" />
Save Template. Populate changes to Child pages. Upload Child pages.
Nancy O.

How to make a text field smaller in size

Can I make a text field smaller in size (not just the length
but also the height) depending on the font size eg 10px. Whatever
font size I seem to use the text field stays the same size.

Can you give an explicit example of what you want? Are you
referring to the
font size that someone sets in the browser, or the size you
set in the page?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"~Billy~" <[email protected]> wrote in
message
news:fa3oh4$67u$[email protected]..
> Can I make a text field smaller in size (not just the
length but also the
> height) depending on the font size eg 10px. Whatever
font size I seem to
> use the text field stays the same size.

Resizing a Window and proportionately varying the size of all it components

Hi,
I am writing a java application in which I am creating different componets like Panels, Canvas, ScrollPane etc. on a Frame. When I resize this Window, I want to proportionately vary the sizes of all its components. Any idea how I can do that ?
Thanks,
Arun

Panels, Canvas, ScrollPane etc. on a FrameThose are all AWT Components. This is a Swing forum.
Also its about time you learned to respond to the suggestions you've been given in the past so people know if the advice given is helping or not. Otherwise we will just stop answering questions since it appear you are ignoring all the suggestions.

Resizable text widget increases leading

Hi,
I am finding that the resizable text widget does not resize text but increases leading instead.
Has anyone found this to be the case?
Thanks,
Germán Herrera

Zak. thank you very much!
And sorry for coming back so late on this.
You solution perfectly solved the problem.
On the downside,) I did have to change the layout and reformat the site to submit it to the client because the deadline came before I got your reply.
Perhaps the "Round Leading to a Whole Number" setting should be checked by default to avoid this kind of problems for other users in the future.
Anyway, a million thanks!

Bridge CC when copying resizes window to both monitors and enlarges all images to maximum size

Bridge CC when copying an image resizes window to both monitors and enlarges all images to maximum size.

Details, please.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Resizing Text Containers Based on Size of Adjacent Image Components

Similar Messages

Maybe you are looking for