Captivate 9 Responsive layout - Maximum "impose a height."

Hello

We create a sensitive design course. for the mobile display layout; the problem we face in the work area.

We put the height slide to 3000px, however the displayed work area where we can really use maximum of 1900px layout.

Let us know the maximum work area for suitable mobile networks.

Please find attached the screenshot for the height of blade with screen area settings is displayed.

Captivate09_Ref.png

Thank you

Cécile Saka

I understand your point of view, but you can forget that Adobe now has several products for all the creation of content for HTML5 and mobile devices.  Most of these other products create scrolling pages (Adobe Dreamweaver, Muse, etc.).

So I don't think you'll find Adobe all that lend themselves to the idea of reviewing Captivate to work this way when he was already a niche sold, implemented with the presentation of content using a methodology based on the slide.

However, in fact I do not work for Adobe (or at least, they do not pay me to respond to these messages) then you can turn out to be right and we'll see the scrolling of HTML5 slides in Captivate 10.  Who knows?

Tags: Adobe Captivate

Similar Questions

  • Suitable tables - Adobe Captivate 9 responsive project

    Hello

    I use Adobe captivate 9 to create an e-leaning course, I build a sensitive project...

    02.png

    My question deals with appropriate tables, is there a way to insert a sensitive table where mobile devices get a reformatted and easier to explore the table:

    changing the layout of

    Untitled-1.png

    Or view a mini tableview with scroll bars to view all the content.

    Or the only way is to design my tables manually for each device in adobe captivate 9

    Thank you

    Slim Arfaoui

    No table reactive in Captivate. You will need to change the layout in the Mobile display breakpoint. Scrolling is possible when you have a slide that is greater than the default height of the mobile breakpoint.

  • Captivate 8 Responsive interaction radio button project

    Hello

    I added the interaction of radio button to my responsive 8 Captivate project. During the configuration of the radio button, I've identified the key and a variable to hold the result. I assume that as part of the wizard, the variable so that the result would be created. When I go to the tip action, the variable is not listed. So, I need to create it. Is what type of data it given? Is an integer representing the position of the buttons, or a string that contains the value of the button test selected?

    Thank you

    Peter

    I know, very confusing! The sole purpose for which the variable is automatically created, is the text entry area (with a confusion between generic name because it is the same as the name TEB).

    You must have missed this: using Captivate Widgets? A few tips - Captivate blog

    Although this post was written for the widgets, that also goes for interactions with variables like the widget of option buttons.

    It is a user variable. Captivate has no type of data for the user variables. After you set the variable (attention: case-sensitive) and trials, you will see that the variable in this case will get the 'text' for the option chosen.

    I published a lot about widgets and interactions and personally complained that there virtually no documentation on their topic in help. The last game (Alpha) has some help on board, maybe they will improve.

  • Custom in Captivate 8 Responsive Design fonts

    Hello

    I tested design responsive in Captivate 8 and it looks promising, but when I publish and consult the project on iOS all the custom fonts are by default a security police web (I think it is Times New Roman).

    Is there a way possible custom fonts can be used in projects of a reactive nature for delivery on iOS?

    Thank you

    Andrew

    The fonts are included in the head section of the html page with the CSS style for the span tags. On the page of the edge Web fonts, they give you the include statement.

    Also, if you use the same font everywhere in the course they can all be changed at once by applying a CSS style to the span tags that surround the text.

    If they are not all the same font, you can try to do a find a replacement for inline styles and edit them accordingly.  Note that Captivate uses Arial for the messages and alerts so that I would not use Arial as an initial policy to replace will appear in many places.

    There is no specific locations, but they are in the CPM.js file and you need to find and replace if you have different fonts.

  • How to make a backup of the folder for Captivate 7 Patch Layouts?

    Hello-

    I'm trying to follow the instructions for the Captivate 7 patch, but I don't know how to create a backup of the folder Layouts as the State of instructions to do so. In addition, they say to make backup "and delete it. They mean to delete the original file and keep the file backup that I create, correct?

    Important: before using Adobe Captivate 7.0.1 make sure you take a backup of the Layouts folder and delete.

    File layouts are present:

    • Location of Windows: C:\Users\Public\Documents\Adobe\eLearning \-assets\

    I was able to find this folder, I just need help in creating the backup... Sorry, I'm not the most computer person warned

    Thank you!

    You just copy in a different folder, or rename it as, say Layouts_old.

    Anthony

  • Illustrator constrain proportions do not impose no height and uniform width

    I noticed this problem a few times now the last few months, but today it was annoying me more than usual - so time to see if anyone else has had or knows a solution.

    I press "M" or "L" and shift-click and drag to create a square or circle (or any other simple shape) with height and width.  I see the following in the toolbar:

    for the fine search.  However, I would like to make the shape a little bit bigger.

    1. I go to the toolbar as shown above and make sure that the height and width link is set to constrain the proportions and then I click on one of the arrows and it increases both height and width EQUAL , but where he jumps usually up to one millimeter alone, instead, it climbs 11.001 - it seems to add or moins.001 of a millimeter of height and width.

    2. starting at the image above, I click on the arrow pointing upwards on the width and I get the following text:

    3. If I click down arrow 3 times the height and width down to 11 mm, 10 mm, then 9,999 mm.  If I wear by clicking on the bottom, it engages 8.999, 7.999 etc.. If I type, say "10" and then press ENTER, I get the following:

    4. well, this is not true - the height and width must be the same.  So I deselect the button of "constrain proportions" and together both to '10', then turn it on constrain proportions again and click up arrow again and I get:

    This problem happened randomly for a while now.  This example above I tested on a new document.  When this problem occurred immediately, I created another new document and more or less the same thing happened.

    This happens to you at all?  or just me?  and everyone has found a solution to this problem?  I know it's only very slightly inaccurate but Illustrator is a professional software and mistakes like that just shouldn't happen.  What I have to reboot every time or is there something simple, I'm missing here?  Sometimes, this feature works without a problem, so I'm puzzled as to what it could be.

    OK, just reset preferences and I can't reproduce the problem at the moment.  I hope this makes it set for now.

  • Question slide insert problem in Captivate 9 Responsive Design project

    I'm trying to insert a question after a slide in the project but Captivate keeps placing below the new issue with a pile of other issues in the project. When she did this, I can't move the slide to the post I want to in class stream nor can I move any other current slide. What should I try?

    That's what I did: I deleted the cache. I tried the previous iterations of the project without result. A conditional question: I am not connected to the internet on this computer. which would affect the behavior of classes?

    I don't know if there is any problem with how to set quiz preferences but I don't know that I have not had any problems with the insertion of slides where I wanted them earlier in the development of the project.

    Thanks in advance for your help.

    Chris

    The usual reason for this behavior is that you try to insert a quiz with Questions before the test.  Questions before the test can be placed at the beginning of a lesson BEFORE all other issues for the main quiz quiz.

    You may have several types of quiz in this module?

  • Adobe Captivate 8 - responses of synchronization in the text entry box

    I would like to limit the time to answer a question using the text entry area, but there is no option in the properties of the input box. I know that I can use the question slides (short answer) because they have an option of limitation in time, but not much can be changed there design wise so I need to use the text entry box.

    You can use the hourglass interaction or the time. It allows you to display a message and go to another slide when the time is up. However, if you are talking about seconds, it is not very accurate.

  • HTML5 Responsive Layout - exit URL includes "2F" in the path. Why?

    Hello

    I use RH2015.

    I generated a sensitive provision in a single project and a merged project and the path is written to the generated output as in...

    index.htm#t=mergedProjects%2F10act%2Fact%2Fact_rl5.htm

    Why in the URL path is '% 2F' added?

    That's what I expect to be in the path:

    index.htm#t=mergedProjects/10act/Act/act_rl5/act_rl5.htm

    If I manually change to this heading is displayed correctly, but if I click on another topic and then return the path is like having "2F" in the path.

    Anyone know why this is happening?

    2f is the HTML entity for the character of bar oblique?

    Click here to learn more

    See you soon... Rick

  • Need help with Custom Field Layout - getting wirer height value

    In the BB Simulator, I get a strange value placed in in my field layout() method custom. The width is 320, which is correct, but the height is 1073741823 and it takes 240 or less. In this test, my custom field is the only field in the Manager, so I expect to 240.

    I tried two different simulators - BB curve and the 8800. I use JDE 4.5.0 in Eclipse 3.4.1. This is the code for my method of layout:

    Protected Sub layout (int width, int height) {}
    s long = getStyle().
    If ((s & USE_ALL_WIDTH)! = USE_ALL_WIDTH) {}
    width = Math.min (width, getPreferredWidth());
    }
    If ((s & USE_ALL_HEIGHT)! = USE_ALL_HEIGHT) {}
    height = Math.min (height, getPreferredHeight());
    }
    setExtent (width, height);
    model.setExtent (width, height);
    Model.Scroll (0, 0);
    }

    I expect the value of the screen height, or less, if the domain is configured correctly.

    I'm upgrading my custom field in a VerticalField Manager with the following attributes:

    Super (VerticalFieldManager.USE_ALL_WIDTH
    | VerticalFieldManager.USE_ALL_HEIGHT
    | VerticalFieldManager.FIELD_HCENTER | VerticalFieldManager.FIELD_VCENTER);

    Is this a bug in the Simulator, or I understand the API correctly? Is there a way to 'reset' the Simulator - I tried to get out of Eclipse and restart Windows, but I always get the same value.

    Thank you!

    Mark

    A VerticalFieldManager comes, I think, with default VERTICAL_SCROLL.  If you do not want to scroll through this particular Manager, add VerticalFieldManager.NO_VERTICAL_SCROLL to your forests of style and it will be laid out with only the height and the actual width.

    Also, since you setExtent() by yourself, USE_ALL_HEIGHT and USE_ALL_WIDTH are redundant, I think.

    Hope that helps,

    Arkady.

  • Flex 3 problem UITextField height and layout

    Hello

    I use Flex 3 SDK 3.2.

    I have problems of determination of the height of a UITextField. (Unfortunately, I have to use the UITextField because I'm using FlashEff 2.0) "Otherwise, I would use a different component).

    I have a UITextfield multiline and wordWrap. The text is taken from a database, the length varies. I have a radioButtonGroup under the UITextField.

    My goals are:

    (a) to prevent the UITextField hit the radioButtonGroup VBox.

    (b) I want to change the position y the radioButtonGroup based on the height of the UITextField.

    (c) the TitleWindow height should be variable. The UITextField and the radioButtonGroup are a TitleWindow. I would like to change the height of the TitleWindow based on the content inside.

    At the moment, I have put y radioButtonGroup on the TitleWindow downwards, so that the content of the UITextField overlaps. But, when he doesn't are too much text in the UITextField, I get a huge gap between the radioButtonGroup VBox and her.

    I Googled, and from what I can tell, the height of the UITextField behaves strangely.

    Anyone know how to fix this?

    I create the UITextField like this:

    public var tf:UITextField = new UITextField;
    

            tf.autoSize = TextFieldAutoSize.LEFT;
         tf.embedFonts = true;
         tf.multiline = true;
         tf.text = myText;
         tf.width = 440;
         tf.wordWrap = true;
         var myFormat:TextFormat = new TextFormat;
         myFormat.size = 25;
         myFormat.blockIndent=53;
    
         this.addChild(tf);
         tf.validateNow();
         tf.setTextFormat(myFormat);
    

    My VBox looks like this:

    <mx:VBox  id="radioVBox" x="180" y="220">
         <mx:RadioButtonGroup id="myRadioButtonGroup" itemClick="goClickHandler(event);"/>
         <mx:RadioButton  groupName="myRadioButtonGroup" label="A"  fontSize="17" />
         <mx:RadioButton  groupName="myRadioButtonGroup" label="B"  fontSize="17" />
         <mx:RadioButton  groupName="myRadioButtonGroup" label="C"  fontSize="17" />
         <mx:RadioButton  groupName="myRadioButtonGroup" label="D"  fontSize="17" />
         <mx:RadioButton  groupName="myRadioButtonGroup" label="E"  fontSize="17" />
    </mx:VBox>
    

    And it's all wrapped up in a TitleWindow that looks like this:

    <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" 
         layout="absolute" 
         width="520"  
            height="450"
            verticalScrollPolicy="off" 
         horizontalScrollPolicy="off" 
          >
    
    

    Any suggestions?

    Thank you.

    -Laxmidi

    Can you put the text field in the VBox, above the radio buttons? The VBox expected

    resize and adjust accordingly.

  • The maximum size of the Captivate file

    Is there a limitation of file size of Captivate projects or a maximum number of slides that can be included in a project?

    Hi Jay

    I saw some other report that Support Adobe boasts a 50 meg orientation 'Cap '. I have always recommended 50-65 slides as a very broad and general upper limit. That varies of course, depends on several factors. The number of objects on each slide, the dimensions off-brand project, etc.

    See you soon... Rick

  • create VerticalFieldManager with specific height/width

    I wonder how I can create a vertical box with a specific width Manager. I labelfields containing text that changes the length of the field and so changes the width of the vertical area Manager (I have 2 side by side). I wish to have fields to stay in the same place regardless of the length of the text (I'll put the field large enough to accommodate the maximum length). So, how can I do this? I think this means the following code, but if anyone can help with the details I would be grateful, thank you!

     protected void layout(int width, int height)
        {
            width = this.width;
            height = this.height;
            super.layout(width, height);
            super.setExtent(width, height);
        }
    

    I'll give you a quick answer here.  I'm not the right person to do it, but I suspect that you won't see most of the people better than me until tomorrow.

    I highly recommend to check this article:

    http://supportforums.BlackBerry.com/T5/Java-development/create-a-custom-layout-manager-for-a-screen/...

    But looking at your current code, I might be able to explain a few things that will help you.

    Each manager is says how it can be by the sublayout call framework, with the maximum width and height that the Manager can use.  Each Manager works how big it must be iteratively in all areas, there and asking them what size they want to be.  It does this by calling the method of positioning of the field, and he passes two values, width remaining, and the height that remains.

    A VerticalFieldManager will tell all its areas they have the entire available width, and the height of the rest, this height will be some height the value for money was given, less all the fields above already asked.  Back of page layout, optimization of resources will be ask the field how much height is really needed and subtract that before calling the layout on the next field.

    In any case, I hope that is clear from this that if you override sublayout in a VerticalFieldManager, as follows, and then she will layout all its fields with a maximum width of 1/2 the display.

    protected void sublayout (int width, int height) {}

    Super.sublayout (Display.getWidth () / 2, height);

    }

    If you do this, you don't need to touch the field positioning method at all.

    I hope this helps.

  • Table of contents that overlap in Responsive HTML5 output

    Basically, this continues to be:

    toc overlap.PNG

    Is there a way to prevent this happening out of Responsive HTML5? I'm sure that this will not pass our QA, then we're really in trouble.

    Try this as a temporary solution.

    ****************************************

    Workaround temporary because it is in your layout.css, change the height to say 5000em for the two classes:

    • door - div.toc ul li.child.show
    • door - div.toc ul li.child.expanding.show

    ****************************************

    The problem is sought in Adobe, but in the meantime the foregoing was suggested.

    See www.grainge.org for creating tips and RoboHelp

    @petergrainge

  • EditField Layout

    Hi all...

    I try to crreate a custom editfield

    import net.rim.device.api.system.Bitmap;
    import net.rim.device.api.ui.Color;
    import net.rim.device.api.ui.DrawStyle;
    import net.rim.device.api.ui.Field;
    import net.rim.device.api.ui.Font;
    import net.rim.device.api.ui.FontFamily;
    import net.rim.device.api.ui.Graphics;
    import net.rim.device.api.ui.Ui;
    import net.rim.device.api.ui.XYEdges;
    import net.rim.device.api.ui.component.Dialog;
    import net.rim.device.api.ui.component.EditField;
    import net.rim.device.api.ui.decor.Border;
    import net.rim.device.api.ui.decor.BorderFactory;
    
    public class BorderEditField extends EditField {
    
        private Border unFocusBorder = BorderFactory.createBitmapBorder( new XYEdges( 12, 12, 12, 12), Bitmap.getBitmapResource("border.png"));
    
        BorderEditField() {
            super();
        }
    
        BorderEditField(long style) {
            super(style);
        }
    
        BorderEditField(String label, String initialValue) {
            super(label, initialValue);
        }
    
        BorderEditField(String label, String initialValue, int maxNumChars, long style) {
            super(label, initialValue, maxNumChars, style | Field.USE_ALL_WIDTH);
            super.setFont(getTextFont());
            setBorder(unFocusBorder);
        }    
    
        public void paint(Graphics g) {
            g.setColor(Color.BLACK);
            g.drawText(super.getText(), 0, 0, DrawStyle.HCENTER + DrawStyle.ELLIPSIS + DrawStyle.TRUNCATE_BEGINNING, getWidth() - 12);
        }
    
        protected void layout(int width, int height) {
            super.layout(width, height);
        }
    
        private Font getTextFont() {
            FontFamily alphaSerifFamily = null;
            try {
                alphaSerifFamily = FontFamily.forName("bbalpha serif");
            } catch (ClassNotFoundException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                Dialog.alert(e.getMessage());
            }
            return alphaSerifFamily.getFont(Font.PLAIN, 18, Ui.UNITS_pt);
        }    
    
    }
    

    When I enter a tank that could show more field would create it as a new line, but the text is always on the 1st line

    the 2nd line was empty...

    How the custom editfield does not display the 2nd line? the 2nd line is an empty text

    the text is only 1st line

    Well I found a way to make it work

    protected void layout(int width, int height) {
            super.setExtent(width, height);
            setExtent( isStyle( USE_ALL_WIDTH ) ? width : getPreferredWidth(), getPreferredHeight() );
        }
    
        public void updateScreen() {
            invalidate();
        }
    

    IM, add to the bordereditfield

    but have to invalidate every time I enter a text.

Maybe you are looking for