zoukankan      html  css  js  c++  java
  • Create Stacked Canvas to Scroll Horizontal Tabular Data Blocks In Oracle Forms

    In this tutorial you will learn to create horizontal scrollable tabular or detail data block by using stacked canvas in Oracle Forms.

     

    As shown in below picture the first column Empno is fixed and middle columns Ename, Job, Mgr and Hiredate are scrollable and last columns Sal, Comm, Deptno are fixed which are right side.

    Download Form

    clip_image001

    First thing is clear that the those columns which are fixed will be placed on Content Canvas and those column which are scrollable will be placed on Stacked Canvas.

    Now the main part is to set the positioning of stacked canvas items and content canvas items and the position of stacked canvas and for this I will tell you to set some important properties of the items and stacked canvas.

     

    To set the stacked canvas position and scrollable area stacked canvas, you have to note down the properies of the following items:

     

    1. The X and Y position and the Width of First fixed column Empno Which is in this case are:

     X = 15
     Y = 172
     Width = 45
    2. Note down the X property of first right side column Sal, which is:
     X = 218


    Now we have the property values and what we need to do is some calculation to get the exact placement of Stacked Canvas and the following is the formula:

     

    The first column Empno X is 15 and width is 45, hence the stacked canvas Viewport X Position will be 15 + 45 + 1

    Set Viewport X Position = 61

    The first column Empno Y is 172, hence the stacked canvas Viewport Y Position will be 172 - 10 (Prompt height)

    Set Viewport Y Position = 162

     

    Set the Viewport Width using following formula:

     

    Sal column X Position(218) - First Column Empno X+Width (60) - 4 = 154

    Set Viewport Width = 154

     

    Set the Viewport Height as per the number of items displayed on content canvas.

     

    Now your scrollable Stacked canvas is ready and I am attaching the form including Emp table script so that you download and take the reference from it.

     

    Download this form using this link from Google Drive : Stacked.Zip

     

  • 相关阅读:
    iOS-禁止scrollview垂直方向滚动,只允许水平方向滚动;或只允许垂直方向滚动
    MongoDB安装
    Vue运用
    egg-middleware 中间件
    如何判断扫码的客户端是微信还是支付宝
    node 短信接口的调用
    Mui 长按保存图片
    egg-sequelize --- nodejs
    egg-mongoose --- nodejs
    Mongoose 基本用法
  • 原文地址:https://www.cnblogs.com/quanweiru/p/6218784.html
Copyright © 2011-2022 走看看