Project Captivate Center vertically on the web page

If anyone knows how to change the HTML code to make a sensitive 8 published Captivate project vertical displays centered on a web page, I would be very happy if you would help.

Hi Jay

I hope it is not too late to be of any use to you. I just entered Captivate 8 some time ago and found this annoying problem myself. I'm pretty shocked, there isn't a setting for this in the publication options. I posted another question on the forums about this myself. After fiddling around with the code, however, I did come up with something that works. Changing the code is in a different place depending on whether you are doing a project admissible or inadmissible. This is what is...


The General steps (for each type of project)...

  1. Publish the project
  2. Open the "index.html" file in a text editor or code
  3. Replace a small css inline (code below)
  4. Save the index.html file

Code to replace (to a sensitive project):

Upward between theTags, there is a ton of content barfed in the function "cpInit()". Find this piece of code within this function:

id='project_container' style='left:0px; top:0px; width:100%; height:100%; position:absolute; overflow:hidden;'

Change the properties of this style:

id='project_container' style='position:relative; top:50%; transform:translateY(-50%); overflow:hidden;'

Code to replace (for a 'white' project does not answer):

Always to the top between thetags in the function "cpInit()". Find this piece of code within this function:

id='main_container' style='top:0px;position:absolute;'

Change the properties of this style:

id='main_container' style='position:relative; top:50%; transform:translateY(-50%);'

I did have the chance to test a fully built project to see if something becomes wobbly at one point because of the position of the absolute by report - div but I don't see something bad happening so far. The table of contents still slides normally and all that jazz. I hope this helps!

Tags: Adobe Captivate

Similar Questions

  • Question: CP9: color of the web page outside of the project area.

    CP9, HTML5, output only.

    Hello

    Question: How can I change the color of the web page outside of the project area?

    I want that my projects in 100% white as in example 1.

    I tried changing all kinds of options on the slide master and made sure that both projects have the same settings, but I still get a gray color as in example 2.

    (If the solution is to edit the index.html file or any other file I'm happy about it).

    Any help will be much appreciated.

    Thank you

    Peter.

    Example 1

    This project page is 100% white.

    border01.png

    Example 2

    This is another project, but the page outside of the project area is a very pale gray.

    border02.png

    Hi Peter,.

    You can change the color of the HTML box around the Captivate project from:

    1. in the menu bar, click themes and select the skin editor.

    2. in the skin Editor window, open the borders page (second means of icon on the left, under the name of skin).

    3. in the theme section, specify the background color of the HTML.

    This solves your question?

  • Link on the Web page does not work in published HTML project

    I use 8.01 Captivate and created a project with a link to a URL of page web (I did by the insertion of the text links).  It works perfectly when I publish as an executable.

    Customer has requested that we publish now in the form of HTML/SWF file.  The link URL (set to open in a new window) does not this version.

    I changed the link at a click box with the action to open the web page in a new window.  Again, it works when you publish an executable file, but not when I publish to HTML.

    The OUTPUT of course links also do not work in the HTML version.

    We use IE11 to launch the HTML file.

    Any help will be greatly appreciated!

    Thank you!

    Hi Betty,.

    It seems to be a problem with the Flash security settings.

    Please follow the steps (these steps are for Firefox and IE) below:

    1. Publish the project to a folder on the c drive.
    2. Open the html of the published output.
    3. Do the right click on the screen and go to global settings.
    4. Go to the advance tab.
    5. Scroll down and click on trusted location settings.
    6. Click Add > add folder and navigate to your published folder and add it. (You can also add full lecteurC so that you don't have to do it again for all projects)
    7. Click on confirm and then close it.
    8. Now, re - open the html file and try to view attachments.

    These parameters are only made when you view the content locally. If you place the output on any server, then you must not make these settings.

    Hope it works... !

    Kind regards

    MILIN

  • Design mode does not match the web page

    I spent hours trying to solve a new problem.  My design page is turned off.  Which means that it does not match my webpage which is fortunately correct.  My design was correct until a few days ago.  I tried to delete the code that I did recently I thought that maybe the problem.  It was a coding video I copied and pasted into the content of the Center and also a Twitter feed that I posted in the right content on YouTube. Did not work.  I use CS6 in WIndows 10.  Help!

    Hello

    The Design mode is only an approximation of the web page. If it was previously while the problem will probably be that something has been deleted/left-in the page that wasn't in the original.

    Try to post the code in the page to the.

    https://validator.w3.org/

    PZ

  • Strange behavior on the web page of preloading in WebView

    I have the following problem: in my Swing application, I want to display a web page. To do this, I use a JFXPanel that contains a WebView. The web page must be loaded in the background, and only if the loading process is totally finished I want to make the JFXPanel visible. I use thegetLoadWorker().workDoneProperty() method of the corresponding WebEngine to determine if the page is totally loaded.

    The problem is, now that the JFXPanel gets visible, I see initially a totally empty Board, and after a short period, the web page in Web view is visible. I made a simple Application demo that reproduces this behavior. If the page is loaded, a button is enabled and clicking on this button adds the WebView Panel below. In addition the link following points to an animated gif that shows the behavior: http://tinypic.com/view.php?pic=oh66bl & s = 5 #. Ujv2IhddWKl

    Here is the code of the demo application:

    import java.awt.BorderLayout;
    import java.awt.Dimension;
    import java.util.logging.Level;
    import java.util.logging.Logger;
    import javafx.application.Platform;
    import javafx.beans.value.ChangeListener;
    import javafx.beans.value.ObservableValue;
    import javafx.embed.swing.JFXPanel;
    import javafx.scene.Scene;
    import javafx.scene.web.WebEngine;
    import javafx.scene.web.WebView;
    import javax.swing.JFrame;
    import javax.swing.SwingUtilities;
    public class WebViewTest extends javax.swing.JPanel {
    
       private static JFXPanel browserFxPanel;
       private WebView webView;
       private WebEngine eng;
    
       /**
      * Creates new form WebViewTest
      */
       public WebViewTest() {
      initComponents();
       Platform.setImplicitExit(false);
      browserFxPanel = new JFXPanel();
       Platform.runLater(new Runnable() {
       public void run() {
      webView = createBrowser();
       Scene scene = new Scene(webView);
      scene.setFill(null);
      browserFxPanel.setScene(
      scene);
       }
       });
       }
    
       /**
      * This method is called from within the constructor to initialize the form. WARNING: Do NOT modify this code. The
      * content of this method is always regenerated by the Form Editor.
      */
       @SuppressWarnings("unchecked")
       // <editor-fold defaultstate="collapsed" desc="Generated Code">  
       private void initComponents() {
      java.awt.GridBagConstraints gridBagConstraints;
    
      pnlMain = new javax.swing.JPanel();
      showWebpageButton = new javax.swing.JButton();
    
      setLayout(new java.awt.GridBagLayout());
    
      pnlMain.setLayout(new java.awt.BorderLayout());
      gridBagConstraints = new java.awt.GridBagConstraints();
      gridBagConstraints.gridx = 0;
      gridBagConstraints.gridy = 1;
      gridBagConstraints.gridwidth = 3;
      gridBagConstraints.fill = java.awt.GridBagConstraints.BOTH;
      gridBagConstraints.weightx = 1.0;
      gridBagConstraints.weighty = 1.0;
      add(pnlMain, gridBagConstraints);
    
      showWebpageButton.setText("show web page");
      showWebpageButton.setEnabled(false);
      showWebpageButton.addActionListener(new java.awt.event.ActionListener() {
       public void actionPerformed(java.awt.event.ActionEvent evt) {
      showWebpageButtonActionPerformed(evt);
       }
       });
      gridBagConstraints = new java.awt.GridBagConstraints();
      gridBagConstraints.gridx = 1;
      gridBagConstraints.gridy = 0;
      gridBagConstraints.insets = new java.awt.Insets(10, 10, 10, 10);
      add(showWebpageButton, gridBagConstraints);
       }// </editor-fold>  
    
       private void showWebpageButtonActionPerformed(java.awt.event.ActionEvent evt) {   
      pnlMain.removeAll();
      pnlMain.add(browserFxPanel, BorderLayout.CENTER);
       WebViewTest.this.invalidate();
       WebViewTest.this.revalidate();
       }   
       // Variables declaration - do not modify  
       private javax.swing.JPanel pnlMain;
       private javax.swing.JButton showWebpageButton;
       // End of variables declaration  
    
       private WebView createBrowser() {
       Double widthDouble = pnlMain.getSize().getWidth();
       Double heightDouble = pnlMain.getSize().getHeight();
       final WebView view = new WebView();
      view.setMinSize(widthDouble, heightDouble);
      view.setPrefSize(widthDouble, heightDouble);
      eng = view.getEngine();
      eng.load("http://todomvc.com/architecture-examples/angularjs/#/");
      eng.getLoadWorker().workDoneProperty().addListener(new ChangeListener<Number>() {
       public void changed(ObservableValue<? extends Number> ov, Number t, Number t1) {
       final double workDone = eng.getLoadWorker().getWorkDone();
       final double totalWork = eng.getLoadWorker().getTotalWork();
       if (workDone == totalWork) {
      showWebpageButton.setEnabled(true);
       }
       }
       });
       return view;
       }
    
       public static void main(String[] args) {
       SwingUtilities.invokeLater(new Runnable() {
       public void run() {
       final JFrame f = new JFrame("Navigator Dummy");
      f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
      f.setSize(new Dimension(1024, 800));
       final WebViewTest navDummy = new WebViewTest();
      f.getContentPane().add(navDummy);
      f.setVisible(true);
       }
       });
       }
    }
    
    
    

    I don "t understand this behavior, in fact the page has already been loaded. To me, it seems that the WebView starts to render the site just to the point where it becomes visible. What can I do to get the WebView already shows the web page is loaded right now that it becomes Visible (to avoid this effect of flickr)?

    I already posted this question on StackOverflow (see http://stackoverflow.com/questions/18873315/javafx-webview-loading-page-in-background ) but didn't get an answer and found this forum today.

    Thanks in advance!

    Try the updated version in this post.

    It requires a snapshot offscreen before displaying the Web mode to make sure all is rendered before the Web is displayed.

    The code is kind of ugly and the 'solution' is a bit of a hack, you would probably want to clean it up a bit before using it anywhere (for example, there is no need to create a new WebView and snapshot, web page on each load - I did it just to get a feel for the worst-case scenario and try to pinpoint where are produce slowdowns).

    A small rectangle moves back on the top of the screen so that the fluidity of the animation can be monitored.

    On the first charge, there will be a slight stutter in the animation, but the rendered web page instantly appears when click the show page"" button.

    As you say, the stuttering occurs only the first time the page is loaded, then everything is smooth.  If you use a progress bar regular instead of an animation, the initial stuttering is probably fine, because people expect to see breaks in the progress bars from time to time (more progress reported by progress bars is not a smooth linear progression).  My guess is that if you use a regular progress bar, the behavior seen with this example is probably acceptable for almost all users.

    As for the differences between the rendering between 2.2 JavaFX and JavaFX 8, there was a lot of changes to the internal architecture of JavaFX for JavaFX 8 that have improved rendering performance, as well as probably represents the delta.

    import javafx.animation.*;
    import javafx.application.Application;
    import javafx.concurrent.Worker;
    import javafx.geometry.*;
    import javafx.scene.Scene;
    import javafx.scene.control.*;
    import javafx.scene.layout.*;
    import javafx.scene.paint.Color;
    import javafx.scene.shape.Rectangle;
    import javafx.scene.web.WebView;
    import javafx.stage.Stage;
    import javafx.util.Duration;
    
    public class WebViewJavaFXTest extends Application {
        public static final String PAGE_URL = "http://todomvc.com/architecture-examples/angularjs/#/";
        private Rectangle distractor;
    
        @Override
        public void start(Stage stage) throws Exception {
            distractor = new Rectangle(20, 20, Color.CORAL);
            TranslateTransition r = new TranslateTransition(Duration.seconds(10), distractor);
            r.setFromX(0);
            r.setToX(800);
            r.setInterpolator(Interpolator.LINEAR);
            r.setCycleCount(RotateTransition.INDEFINITE);
            r.setAutoReverse(true);
            r.play();
    
            VBox layout = initView();
            stage.setScene(new Scene(layout));
            stage.show();
        }
    
        private VBox initView() {
            final ProgressBar progress = new ProgressBar();
            final Button showWebView = new Button("Show Page");
            showWebView.setDisable(true);
            HBox controls = new HBox(
                    10,
                    progress,
                    showWebView
            );
            controls.setAlignment(Pos.CENTER_LEFT);
            Button tryAgain = new Button("Try Again");
            tryAgain.setOnAction(actionEvent ->
                    tryAgain.getScene().setRoot(
                            initView()
                    )
            );
    
            StackPane webViewHolder = new StackPane();
            webViewHolder.setPrefSize(1024, 700);
    
            final WebView webView = new WebView();
            progress.progressProperty().bind(
                    webView.getEngine().getLoadWorker().progressProperty()
            );
            webView.setPrefSize(1024, 700);
            webView.getEngine().load(PAGE_URL);
            webView.getEngine().getLoadWorker().stateProperty().addListener(
                    (o, old, state) -> {
                        if (state == Worker.State.SUCCEEDED) {
                            webView.snapshot(
                                    snapshotResult -> {
                                        showWebView.setDisable(false);
                                        return null;
                                    },
                                    null,
                                    null
                            );
                        } else {
                            showWebView.setDisable(true);
                        }
                    }
            );
    
            showWebView.setOnAction(actionEvent -> {
                controls.getChildren().setAll(
                        tryAgain
                );
                webViewHolder.getChildren().setAll(webView);
            });
            VBox layout = new VBox(
                    10,
                    distractor,
                    controls,
                    webViewHolder
            );
            layout.setPadding(new Insets(10));
    
            return layout;
        }
    
        public static void main(String[] args) {
            launch();
        }
    
    }
    
  • I need to create a form on the web page.

    I need to create a form on my webpage as;

    < td align = "center" >$ <? PHP echo $row_Recordset2 ["a100"];? > * <? PHP echo $row_Recordset1 ["margin_100"];? > < table >

    But the ' *' is the display of the web page as a text, but not a function.

    Try

    $

  • Firefox does not open in full screen on the task bar and I have to go over it to see the web page.

    Firefox does not open in full screen on the task bar and I have to go over it to see the web page.

    Firefox window is sometimes "off screen" somehow. Often, you can force it to appear on the screen by right clicking on the thumbnail image just above the taskbar and choose expand. Does it work?

    A possible cause for this is that the file that stores the positions and sizes of window is corrupt. You can delete this file and Firefox will return to standard window resizing.

    #1 method: If you can get a zoomed window:

    Open the settings folder (AKA Firefox profile) current Firefox help

    • button "3-bar" menu > "?" button > troubleshooting information
    • (menu bar) Help > troubleshooting information
    • type or paste everything: in the address bar and press Enter

    In the first table of the page, click on the view file"" button. This should launch a new window that lists the various files and folders in Windows Explorer.

    Leave this window open, switch back to Firefox and output, either:

    • "3-bar" menu button > button "power".
    • (menu bar) File > Exit

    Pause while Firefox finishing its cleanup, then rename xulstore.json to something like xulstore.old. If you see a file named localstore.rdf, rename this to localstore.old.

    Launch Firefox back up again. Windows normally appear again?

    #2 method: If you can not get a Firefox window for all:

    Close Firefox by right clicking the icon in the taskbar > close all windows.

    Using the Run dialog box (windows key + R) or the start search bar menu type or paste the following and press Enter to drill down to the profiles folder:

    %APPDATA%\Mozilla\Firefox\Profiles
    

    Here you can see a folder - in this case, double-click that - or more than one case - in this case, double-click on in what looks like the most recently updated.

    Scroll down and rename xulstore.json to something like xulstore.old. If you see a file named localstore.rdf, rename this to localstore.old.

    Launch Firefox back up again. Windows normally appear again?

    Then, to re - light bars, you can use one of the following methods to view the list of the toolbar, and then select the desired bars it:

    To activate the menu bar, toolbar bookmarks or other bars, click it in the list.

  • Is there a option of zoon of the Web pages with Mozilla Firefox, if I have trouble reading the small print?

    I take a class any web business, and I can't find a lot of the functions that they speak.

    Hello
    Have you tried the Firefox zoom feature? This initiative will increase the size of the web pages.

    • To make things bigger, press Ctrl and + at the same time.
    • To make things smaller, press Ctrl and - at the same time.
    • Pour reinitialiser to reset the size of return to normal, press Ctrl and 0 at the same time.

    You can also use the NoSquint add-on to change the zoom level by default for all websites at the same time. After setting your overall zoom level, you can still adjust the zoom on different sites.

    With the help of NoSquint:

    1. After installation of NoSquint, make sure you have the add-on bar displayed:

      • Click the new tab button ("+") or a box empty bar tab to the right of the item and choose the module bar on the shortcut menu.
    2. Click on the % in the bar of the add-on call site preferences, then click the global settings button, then the zoom tab.
      • You can experiment with sizes greater than 125%, but it is not recommended that you will more than 150%, unless you have a large screen high resolution.

    If there are sites that are still a concern, feel free to post their URLs.

    Please let us know if this helped you!

    Thank you.

  • Back to the same place of the web page

    When I click on the arrow to the left happens to me on web page, I was ahead, but there also go to the top of the page, but not to the task, I was working, so I have to scroll down to this place. How can I get back to this place on the web page?

    Three ways:
    1. click the link
    2 {Ctrl + click} link
    3. right click on the link and use open link in a new tab

  • Does not load the Web page.

    It will not load the web page. It gives an error message or to say that it has expired. The circle on the tab will turn to a stop bit while then just, and nothing comes up. I uninstalled, and re-installed and still gives me this problem. I checked the updates and I am running the latest version.

    I disabled my firewall on my Norton Internet Security and Firefox work again. I activated the firewall back and it still works, go figure.

  • Save the web page

    Using Safari, if you are on a Web page and click file > save as, you will be able to save the contents of this Web page on your local computer, even if the content leaves the original source of the web in the future?

    Thank you

    It should stay even if the web page changes.

  • TB refuses my password - pswd is good because I can access e-mail on the web page of Yahoo from Verizon

    I use Yahoo from Verizon. Everything has worked when suddenly Thunderbird does not accept my password to give me the following error message: "sending the password failed. "Mail server incoming.yahoo.verizon.net replied: (#AUTH012) Incorrect username or password".

    However, the password is good because I can log on and get my email from the web page of Yahoo from Verizon.

    The problem is solved. Verizon-Yahoo never was informed to change the user ID in the settings of my account xxxxxx in [email protected], that is, simply add the @verizon.net to your user name on the server settings page.

  • I can't open the web pages included in emails.

    The e-mails often contain links to a Web page. When I click on these links, nothing happens. The Web page will not open.

    jmildred

    https://support.Mozilla.org/en-us/KB/hyperlinks-in-messages-not-working

  • It has been updated and I don't see the web page. It is only a blank page. Android for Tablet

    I could see a Web page that starts with https. However, the browser has been updated and 1 can no longer see the web page. I can see it in chrome, but I need Firefox because of the plug ins.

    Default browser got back to Chrome as liberation V30.0 seems to have a lot of problems loading pages to open links from other applications. The same url will load fine in Chrome.

  • Message from the Web page: "Scanstyles does nothing in Webkit/Firefox". I get this popup when I'm in my site of the Financial Institution.

    This popup occurs whenever I select an account in the Web page to view its details. Once I click OK it disappears, but appears again when when I select another account for display. It is not a barrier to the operation but rather boring.

    I guess that site does not support the basis of Webkit and Gecko according to browsers.

    WebKit - Chrome, Safari, etc of Midori.
    Gecko - Pale Moon, Firefox etc.

    Have you tried on IE (Trident based).

Maybe you are looking for