Make a horizontal scroll line with text

Hello:
Can you help me about how to make a line of text that slide
(or scroll) from
right to left, desappear and come bak again?
have you some samples?
many thanks

This should get you there
http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
1. Load the mousewheel min script via CDN (jquery-mousewheel - cdnjs.com - the missing cdn for javascript and css) into the Scripts Panel;
2. Add the provided snippet into your Stage > compositionReady event handler.
hth
Darrell

Similar Messages

How to get Horizontal Slider in line with text?

Hi,
I am trying to put my horizontal sliders in line with text information, but for some reason the alignmentbase property does not work. Any tips?
The code I use now:
<s:Panel id= "ViewTracksPanel"
                 title = "Viewing settings"
                 width="100%"
                 height="100%">
            <s:layout>
                <s:VerticalLayout paddingLeft="10" paddingTop="10" paddingBottom="10"/>
            </s:layout>
            <s:VGroup >
                <s:HGroup gap="30">
                    <s:RadioButton group="{viewingtype}" id="viewtrackHistory" label="Track History" value="History" />
                    <s:RadioButton group="{viewingtype}" id="viewLatestLocation" label="Current Position" value="LatestLocation"/>    
                </s:HGroup>
                <s:HGroup right="40">
                    <mx:Text text="Track Time Interval: {timeInt.value} Minutes "/>
                    <s:Label text="1"/>
                    <s:HSlider stepSize="1" minimum="1" maximum="60" id="timeInt" width="200" dataTipPrecision="0" change="timeInt_changeHandler(event)" alignmentBaseline="ideographicBottom" />
                    <s:Label text="60"/>
                    <s:Label/>
                </s:HGroup>
                <s:HGroup>
                    <mx:Text text="Display Time Interval: {Speed.value} Seconds"/>
                    <s:Label text="1"/>
                    <s:HGroup>
                        <s:HSlider stepSize="1" minimum="1" maximum="5" id="Speed" width="200" dataTipPrecision="0" alignmentBaseline="ideographicBottom"/>
                    </s:HGroup>
                    <s:Label text="5"/>
                </s:HGroup>
                <s:Label/>
This results in:
As seen above, the slider (& corresponding labels) are not on the same 'horizontal line/position' as the mx Text (ex. 'Track Time Interval' but a bit above?
I tried to put alignmentbaseline to all possible values but whithout succes.
Any advice would be really great!
Thanks.

I just did one line but I think you want this
        <s:HGroup verticalAlign="baseline">
            <mx:Text text="Display Time Interval: {Speed.value} Seconds"/>
            <s:Label text="1"/>
            <s:HSlider stepSize="1" minimum="1" maximum="5" id="Speed" width="200" dataTipPrecision="0"/>
            <s:Label text="5"/>
        </s:HGroup>
Also you don't need to wrap everything in a VGroup if you have a vertical layout - pick one or the other.
Carol

Broad Question - Horizontal Scrolling Slideshow with Still Images

Hi everyone,
I have to make a horizontal scrolling slideshow using many images of different filetypes, sizes and DPI in Premiere Pro CS5.5. I have tried a few different methods but each has its own problems:
1. Arrange still images horizontally in the timeline, adjacent to eachother, and apply a custom Push video transition between each one. This is a consistent method that doesnt require much work but it's tough to control the amount of whitespace between the images, especially when the images are all different proportions.
2. Arrange still images both horizontally and vertically in the timeline, so that there is no white space between the images (the images overlap across multiple video lanes). Then, set up motion fx for the position of the image for each clip. This is tedious and I have to make every clip the same size and make sure the distance each clip travels (in the motion fx) is the same. So for instance, I have to set the starting key to 1200 on the x-axis, and the ending key to -300, for every single image (tedious when there are many). Another problem with this is that it becomes very difficult to change the duration of the motion fx once ive set it up for many.
3. To have an easier time composing the arrangement of images, I just make a single giant image by laying out dozens of photos in InDesign, then export a very wide jpeg. The great thing about this is it's fast, easy, and the composition is exactly how i want it. The bad thing is that premiere doesn't handle many megapixel images well, and furthermore the image quality is horrific compared to the quality of importing individual images.
The biggest problem with all of these is the image quality (extremely poor compared to viewing the source images on their own) and the animation smoothness (all three methods produce very jittery and erratic videos). The biggest question I have is: should I even be doing a slideshow in Premiere? Can someone recommend a better application I should be using for something like this? Do i have to learn Flash? I am not trying to make an interactive thing, just a video/animation where I hit play and dozens of images scroll horizontally, at the same speed, with a lot of control over the scaling of the images and their horizontal and vertical arrangement (the amount of whitespace between them).
Thanks for everyone's time and help!

Don't know if it is still being sold, but Grass Valley's Imaginate was the perfect application for your intended purpose. There are many others as well, but PR is not the program of choice for this.

Error when adding image in-line with text

When using some of my templates I have no problem in putting
a small graphic (a pdf icon) in-line with text. Yet with others the
insertion of the same small graphic forces a newline before and
after the graphic.
If the text and image is placed in an editable region of the
template, but not within a table cell all is ok.
If the text and image is place within a table cell within the
editable region the problem arises. I am sure there is something I
have specified incorrectly but cannot discover what it is.
An example of where it works fine is:
www.digitalfox.co.uk/parryassociates/products.htm
An example of where it doesn't work is:
www.bournemouthlittletheatre.co.uk/membership2.htm
I am using Dreamweaver 8 within Studio 8 and run under
Windows XP.
Can anyone help please?
Regards
Roger Sansom

Hmm -
<style type="text/css">
<!--
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
@import url("nav-bar-top/nav-bar-top.css");
Is this the belt and bracers approach? 8)
Anyhow, your problem is in the very first line of one of
those (take your
pick) -
TD IMG {
DISPLAY: block
That causes images in table cells to behave as a block tag.
Block tags
force all adjacent content to the next line.
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
==================
"RogerLS" <[email protected]> wrote in
message
news:[email protected]...
> When using some of my templates I have no problem in
putting a small
> graphic (a
> pdf icon) in-line with text. Yet with others the
insertion of the same
> small
> graphic forces a newline before and after the graphic.
>
> If the text and image is placed in an editable region of
the template,
> but
> not within a table cell all is ok.
>
> If the text and image is place within a table cell
within the editable
> region
> the problem arises. I am sure there is something I have
specified
> incorrectly
> but cannot discover what it is.
>
> An example of where it works fine is:
> www.digitalfox.co.uk/parryassociates/products.htm
>
> An example of where it doesn't work is:
> www.bournemouthlittletheatre.co.uk/membership2.htm
>
> I am using Dreamweaver 8 within Studio 8 and run under
Windows XP.
>
> Can anyone help please?
>
> Regards
> Roger Sansom
>
>
>

How do you disable text cursor movement when scrolling horizontally with a tilt wheel or touchpad; or rather, how do you make these horizontal scrolling actions only scroll horizontally and nothing else?

Frequently when I use a touchpad or tilt wheel mouse to scroll horizontally, the web page does not scroll at all. Instead, the text cursor moves left or right. If the text box is off-screen, the page will jump to it, losing the spot on the page I was reading. This happens way too often given the sensitivity of touchpads and tilt wheel mice.
I'd like to just disable the cursor movement function of the horizontal scroll. I don't feel that it is useful and it actually hurts my web browsing experience. I do not want to disable horizontal scrolling though; I just want it to always scroll horizontally and do nothing else.

You would make this a little easier if you posted a link to the page.
Most of the jump seems to be some extra padding or margin between the tabs when you rollover, but I am not able to find it. Is there any other css that is governing this page? I did remove a couple of <p></p> set of tags you had and it improved the jump, but it is still there.
If the page is live, run it through the validator http://validator.w3.org/ , fix whatever errors it finds, if you still have the jump, post a link to the page and the issue might get found.
Gary

How do you make a horizontal average line in a scatter plot?

In any version of Numbers, is there a way to make a horizontal average trendline? Not a "moving average", but one line that is the average that goes through the data points on a scatter plot.

sflakg wrote:
hit a few roadblocks.
I tried:
1. using the crop tool to make the canvas bigger with a transparent background.
2. Used lasso tool over people in group shot (total of 5) and saved the selection
3. Tried content aware scale to raise the image, but it keeps stretching out the people.
Any thoughts on what else I could try?
Rather than trying to stretch it taller, try to squeeze it horizontally. There are methods for telling it what to protect in the image if it gets touchy.
Another possibility is to use Content Aware Fill to make up part at the top and bottom, without any stretching.
-Noel

Putting form field in line with text

trying to put a text form field in line with the paragraph but am unable to do so. Any ideas?

Are you trying to adjust the line spacing of the text in order to align the text with visible lines already present in the format of the form?
There isn't a text formatting tool in the form section. You need to create the from field and edit the properties to allow Multi Line Scrolling and to Allow Rich Text Formatting. Then exit the Form section by clicking the hand tool. Click in the field and press Ctrl+E to pull up the text formatting tool bar. Click more, then paragraph. On line spacing select Exactly and enter the amount of characters that you need in order for the spacing to apply appropriately.
Hope this helps!

I did a hard reset on my iphone 5. When it was resetting black lines with text saying there were errors popped up at the top of the screen. any ideas??

I did a hard reset on my Iphone 5, when it was resetting black lines with white text popped up at the top of the screen. Last line says _fetchBorrowedList:881 number of borrowed blocks 16. It is stuck at this point and will do nothing. Tried another hard reset and the same thing happened. Any Ideas??

Make an appointment at the genius bar and get the screen replaced if that's available in your area ($149) or get the phone replaced if it's not or if the damage is more extensive ($269).

How can i copy line with text and image to ms word

When I insert an image in textflow using InlineGraphicElement it works, but when I copy the line with the image to MS Word it copies only the text (not the image).
How can i copy the image to MS Word?

If you want copy formatted text and image to MS Word, you need to give MS Word rtf markup, because Word can recognize rtf markup but not TLF markup.
So you need to create a custom clipboard to paste a rtf markup. It's a large feature for you, because you need a tlf-rtf converter in your custom clipboard.
TLF Custom Clipboard Example:
package
    import flash.display.Sprite;
    import flash.desktop.ClipboardFormats;
    import flashx.textLayout.container.ContainerController;
    import flashx.textLayout.conversion.ITextImporter;
    import flashx.textLayout.conversion.TextConverter;
    import flashx.textLayout.edit.EditManager;
    import flashx.textLayout.elements.*;
    import flashx.undo.UndoManager;
    // Example code to install a custom clipboard format. This one installs at the front of the list (overriding all later formats)
    // and adds a handler for plain text that strips out all consonants (everything except aeiou).
    public class CustomClipboardFormat extends Sprite
        public function CustomClipboardFormat()
            var textFlow:TextFlow = setup();
            TextConverter.addFormatAt(0, "vowelsOnly_extraList", VowelsOnlyImporter, AdditionalListExporter, "air:text" /* it's a converter for cliboard */);
        private const markup:String = '<TextFlow whiteSpaceCollapse="preserve" version="2.0.0" xmlns="http://ns.adobe.com/textLayout/2008"><p><span color=\"0x00ff00\">Anything you paste will have all consonants removed.</span></p></TextFlow>';
        private function setup():TextFlow
            var importer:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_LAYOUT_FORMAT);
            var textFlow:TextFlow = importer.importToFlow(markup);
            textFlow.flowComposer.addController(new ContainerController(this,500,200));
            textFlow.interactionManager = new EditManager(new UndoManager());
            textFlow.flowComposer.updateAllControllers();
            return textFlow;
import flashx.textLayout.conversion.ITextExporter;
import flashx.textLayout.conversion.ConverterBase;
import flashx.textLayout.conversion.ITextImporter;
import flashx.textLayout.conversion.TextConverter;
import flashx.textLayout.elements.IConfiguration;
import flashx.textLayout.elements.TextFlow;
class VowelsOnlyImporter extends ConverterBase implements ITextImporter
    protected var _config:IConfiguration = null;
    /** Constructor */
    public function VowelsOnlyImporter()
        super();
    public function importToFlow(source:Object):TextFlow
        if (source is String)
            var firstChar:String = (source as String).charAt(0);
            firstChar = firstChar.toLowerCase();
            // This filter only applies if the first character is a vowel
            if (firstChar == 'a' || firstChar == 'i' || firstChar == 'e' || firstChar == 'o' || firstChar == 'u')
                var pattern:RegExp = /([b-df-hj-np-tv-z])*/g;
                source = source.replace(pattern, "");
                var importer:ITextImporter = TextConverter.getImporter(TextConverter.PLAIN_TEXT_FORMAT);
                importer.useClipboardAnnotations = this.useClipboardAnnotations;
                importer.configuration = _config;
                return importer.importToFlow(source);
        return null;
    public function get configuration():IConfiguration
        return _config;
    public function set configuration(value:IConfiguration):void
        _config = value;
import flashx.textLayout.elements.ParagraphElement;
import flashx.textLayout.elements.SpanElement;
import flashx.textLayout.elements.ListElement;
import flashx.textLayout.elements.ListItemElement;
class AdditionalListExporter extends ConverterBase implements ITextExporter
    /** Constructor */
    public function AdditionalListExporter()
        super();
    public function export(source:TextFlow, conversionType:String):Object
        if (source is TextFlow)
            source.getChildAt(source.numChildren - 1).setStyle(MERGE_TO_NEXT_ON_PASTE, false);
            var list:ListElement = new ListElement();
            var item1:ListItemElement = new ListItemElement();
            var item2:ListItemElement = new ListItemElement();
            var para1:ParagraphElement = new ParagraphElement();
            var para2:ParagraphElement = new ParagraphElement();
            var span1:SpanElement = new SpanElement();
            span1.text = "ab";
            var span2:SpanElement = new SpanElement();
            span2.text = "cd";
            list.addChild(item1);
            list.addChild(item2);
            item1.addChild(para1);
            para1.addChild(span1);
            item2.addChild(para2);
            para2.addChild(span2);
            source.addChild(list);
            var exporter:ITextExporter = TextConverter.getExporter(TextConverter.TEXT_LAYOUT_FORMAT);
            exporter.useClipboardAnnotations = this.useClipboardAnnotations;
            return exporter.export(source, conversionType);
        return null;

Horizontal scroll bar on text item

Hi,
I have a text item. I have enabled Vertical Scroll Bar. I need to enable Horizontal Scrolling as well on the text item. How is this possible?
Thanks

Yes, you have to write a PJC that extends VTextArea, then add the following instruction in the init() method:
this.setHDisplayPolicy(1);You have also to set the Forms Wrap type property to none.
Francois

Graphic not in line with text?

I am having trouble doing something. I have a short line of
text, and at the end of it I want a small graphic or an arrow to
appear, in line.
But, when I use this coding in HTML, the graphic always goes
down to the next line:
<ul > <li>Please visit the committee page by
clicking the arrow <img src="../graphics/rightarrow.gif"
width="13" height="13" border="0"></li></ul>
It doesn't seem to matter what "align=" attribute I add
either, the arrow always appears on the next line.
Any one able to set me straight?
Many thanks,
Stephen
Tallahassee, FL

"sbsmithfl" <[email protected]> wrote in
message
> <ul >
Please visit the committee page by clicking the arrow <img
> src="../graphics/rightarrow.gif" width="13" height="13"
> border="0"></li>
>
Hi Stephen --
Why can't you just add the image inside the <p> tag? So
it looks like this:
<p>Please visit the committee page by clicking the
arrow <img
src="../graphics/rightarrow.gif" width="13" height="13"
border="0"></p>
John

Horizontal scroll bar with Line charts

Hi,
I want a scrollable bar attached to x-axis as in this example(fourth one in the following URL---http://www.connectedpixel.com/blog/scrollingcharts).I able to find these feature only with ColumnCharts .Can any one tell whether can we apply the same to LineCharts .I request you to send some docs/examples of scrollbar with Line Charts
Regards
Kalavati
[email protected]

Kalavati,
it's all fairly straightforward ActionScript stuff. Create a new ActionScript class derived from Panel. In a suitable handler create the line chart and scroll bar (HScrollbar), position them wherever you want with the x/y/height/width properties, and add them as children (otherwise they won't show up).
I'm not sure what you're wanting to do with the scroll bar but let's suppose that at the start you show all the x-axis data (which is the default) and have the scrollbar thumb pointer at 100% (ie scrollPosition=maxScrollPosition). Then catch the scroll event. In the handler, work out the percentage across of the current position (this is a whole lot easier if you've set maxScrollPosition=100 to start with), then work out the implied change to the line chart in terms of data values. I don't know if you know in advance the data values or not, but it doesn't really matter. Suppose the horizontal axis is a LinearAxis. keep hold of the data max value along this axis for later use (say max_data_value), then do
LinearAxis(chart.horizontalAxis).maximum = max_data_value * [the percentage worked out from the scroll bar]
Richard

Wont recieve or let me make calls!! along with texts..

Ok so its a blackberry 8530, it wont let me make calls, just says 'call failed' also wont allow people to call me. This is the same for texts, im not sure if this has something to do with it, but it doesnt seem to tell me my number? For example in the call log, it says 'my number:' but blank... and then also on options>SIM card> the 'phone number' is blank to. im not sure what to do, please help!

Ok, in that case, it can only be one of two things. One may be that you're just in an area with very bad reception. The other thing is that you may need to contact Vodafone to see if it's a problem with a setting on their end.
Beyond that and assuming things are working correctly on Vodafone's end, the only thing left to try is to reload the OS and see if that will help. You can do that by following these instructions:
http://supportforums.blackberry.com/t5/Device-software-for-BlackBerry/How-To-Reload-Your-Operating-S...
If that still doesn't work, I'm not sure what to say, but if the device is still under warranty, you might be looking at sending it for warranty service.
If you want to thank someone for their comment, do so by clicking the Thumbs Up icon.
If your issue is resolved, don't forget to click the Solution button on the resolution!

Horizontal scrolling doesn't work with ItemsStackPanel in ListView(GridView)

Hi,
In Win 8.1 App Store Project I have a ListView with fixed width and listen for ContainerContentChanging event because of performance issues.
When ListView width is less than content width, horizontal scrolling doesn't work. If we change ItemsStackPanel to VirtualizingStackPanel, horizontal scrolling works fine. But ContainerContentChanging doesn't work with VirtualizingStackPanel.
Is it possible to make horizontal scrolling work with ItemsStackPanel?
Here simple example to reproduce this problem:
<Page
x:Class="App8.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App8"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<DataTemplate x:Key="ContinuousViewItemTemplate">
<Border Width="800"
Background="Green"
Margin="10"
Padding="5">
<Border x:Name="root" Height="800" Background="{Binding}"/>
</Border>
</DataTemplate>
<Style x:Key="ListViewStyle1" TargetType="ListView">
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/>
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled"/>
<Setter Property="ItemTemplate" Value="{StaticResource ContinuousViewItemTemplate}"/>
</Style>
</Page.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="500"/>
<ColumnDefinition/>
<ColumnDefinition Width="500"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<ListView Style="{StaticResource ListViewStyle1}" Grid.Column="1">
<SolidColorBrush Color="Red"/>
<SolidColorBrush Color="Cyan"/>
</ListView>
<ListView Style="{StaticResource ListViewStyle1}" Grid.Column="3">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<SolidColorBrush Color="Red"/>
<SolidColorBrush Color="Cyan"/>
</ListView>
</Grid>
</Page>

Hi Mikhail Maksyuta,
Welcome back!
Yes, you are right! I have reproduced it on VS 2013 professional.
I will report it as bug, Thanks for your valuable suggestions!
If you have any other questions about this, please feel free let me know!
Thanks again!
Regards!
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Horizontal scroll bar in tabular form with columns freeze

Hi All,
I have a requirement where i have to create a tabular form in which the first three columns should be in freeze mode and it should have a horizontal scroll bar.
with the help of Google i found an example [http://apex.oracle.com/pls/otn/f?p=267:46]
I want the same thing as in the example but with first three columns in freeze mode
But could not find out how to create this column freeze and horizontal scroll bar.
Let me know if you have any idea on this
Thanks in advance,
Ananth

Hi,
It is easy to look at the page source and see what they have done
if you search for var d1 = document.getElementById("d and d1 you see some javascript doing the magic.
Thanks

Make a horizontal scroll line with text

Similar Messages

Maybe you are looking for