Construction of a theme of Ext JS in the APEX (Chapter 3)

Hello

I bought book by Marc "Oracle Application Express 4.0 with Ext JS. I was confused by the last part of the chapter of book 3, who taught me how to move the #FORM_OPEN # just after the BODY tag and #FORM_CLOSE # just before the tag /BODY. I replaced the reference to the "ex3-1-local - viewport.js" by the file "ex3-1-custom - viewport.js", then the display window has become bad. If someone could clarify how "to ensure that the input elements remain always with the form" as described in the book? What should I exactly do to achieve this?

Also, I tried to download Ext JS 4.0.0 and disappeared from the part of the footer of the viewport. Then, I turned it to ext - 3.3.1.

Thank you.
Andy

< pre >
< html >
< head >
< title > #TITLE # < /title >
< link rel = "icon" href = "" #IMAGE_PREFIX #favicon.ico "type =" image/x-icon">"
< link rel = "shortcut icon" href = "" #IMAGE_PREFIX #favicon.ico "type =" image/x-icon">"
#HEAD #.

<!-css-> includes
< link rel = "stylesheet" type = "text/css" href = "& EXTJS_HOME.resources/css/ext-all.css" >
< link rel = "stylesheet" type = "text/css" href = "& CUSTOM_PATH.ex3 - 1-local - viewport.css" >

<!-js includes->
< script type = "text/javascript" src = "& EXTJS_HOME.adapter/ext/ext-base.js" > < / script >
< script type = "text/javascript" src = "& EXTJS_HOME.ext all.js" > < / script >
< script type = "text/javascript" src = "& CUSTOM_PATH.ex3 - 1-custom - viewport.js" > < / script >
< / head >
< body >
#FORM_OPEN #.

< div id = "app-North-Panel" >
< div id = "app-logo" >#LOGO #< / div >
< div id = 'app-navigation-bar' >
#NAVIGATION_BAR # #CUSTOMIZE # & APP_USER.
< / div >
#REGION_POSITION_01 #.
< / div >
< div id = 'app-West-Panel' > #REGION_POSITION_02 # < / div >
< div id = "app-Center-Panel" >
< div id = 'app-messages' >
#GLOBAL_NOTIFICATION # SUCCESS_MESSAGE # NOTIFICATION_MESSAGE #.
< / div >
< div id = "app-content" > #BOX_BODY # < / div >
< / div >
< div id = 'app-East-Panel' > #REGION_POSITION_03 # < / div >
< div id = "app-South-panel" > the footer content go here < / div >

#FORM_CLOSE #.
< / body >
< / html >
< / pre >

Hi Andy

My application is at home, so I tested the stand-alone version using the following steps:

1. copy the chapter03\ex3-2-local - viewport.html as chapter03\custom - viewport.html and edit the new version.
2 change the name of the script to ex3-1-local - viewport.js to ex3-1-custom - viewport.js
3 Replace #FORM_OPEN # with

, move it to immediately after thetag.
4 replace #FORM_CLOSE # with
, moving just before the tag.
5. replace #REGION_POSITION_03 # with an html element, for example < div > Mark was here. < / div >

Run which appears correctly for me.

This confirms the standalone version works, just undo steps 3 to 5, move the #FORM_OPEN #, #FORM_CLOSE # beside the body tags tags.
Then transfer this into your page template.

I hope this helps.

Mark
Demo: http://apex.oracle.com/pls/otn/f?p=200801 |
blog: http://oracleinsights.blogspot.com.
Book: Oracle Application Express 4.0 with Ext JS

Tags: Database

Similar Questions

  • Updates to Windows during the stoppage has not taken effect and the same updates (16 of them) keep coming back in the next restart.

    Original title: Windows updates has not taken effect.

    My Windows updates during the shutdown did not effect. The same updates (16 of them) keep coming back in the next restart.

    I tried fixed it 50461 mentioned in one post, but the problem persists.

    Any help to appreciate.

    Hi Lee CC,.

    1 windows operating system you are using?

    2. you receive an error code or error messages?

    3. Why have you tried the Fixit 50461? Have you received a 646 error?

    This problem can occur if updates failed to install.

    Method 1:

    You can read the following article and try to reset the Windows Update components and check.

    How to reset the Windows Update components?

    http://support.Microsoft.com/kb/971058

    Method 2:

    You can also read the following article and check if it helps.

    Troubleshooting Windows Update or Microsoft Update when you are repeatedly offered an update

    http://support.Microsoft.com/kb/910339

    Hope this information is useful.

    Jeremy K
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Spybot found 2 Trojan horses, but cannot remove them because they are in the registry files. HKEY_CLASSES_ROOT\interface... Help please!

    Spybot S & D found 2 Trojan horses, but cannot get rid of them because they are in the key of registrry files.  HKEY_CLASSES_ROOT/Interface... Please help, I don't know how to get rid of them and I keep getting bad image files Datamngr.dill exe errors

    Hello, Denise,.

    Download the following and run a full scan-

    http://www.Microsoft.com/download/en/details.aspx?displaylang=en&id=16

    Let me know.

  • error: theme can be applied to the desktop

    Original title:

    Windows 7 themes don't be loading not after downloading.

    Help... Why do I get "theme can be applied on the desk" during the download of theme? all the themes have been Win 7, I assumed that when I clicked on Win 7 themes.

    When I went to the "customization", the available themes that came with the windows were blackened. Example: Architecture, bubbles, etc. Do (13 + MB) downloaded files remain on my hard drive? Thank you.

    Visual effects Aero Glass in Windows are not working or displayed
    http://support.Microsoft.com/mats/aero_effects_not_working

  • After saving the emails from windows live mail, why not open them on my computer as the file extension is wlmail.fol?

    After saving the emails from windows live mail, why not open them on my computer as the file extension is wlmail.fol?

    wlmail.fol is a tiny text giving the name of the folder. The exported messages will have filenames like 00D13E83 - 000025DF.eml. If you don't see all of the files like this, your export probably did not work properly.

    For a successful export, follow these directions:

    1. Set Windows Live Mail to work offline before starting.
    2. Create a temporary folder on your desktop * to contain the exported messages.
    3. In the Export Wizard, select the temporary folder, and then select all the folders.* *
    4. When it is complete, check that the number of files in each folder to the temporary folder is one more than the number of messages in the corresponding folder of WLMail.
    5. Copy the temporary file to its final destination.
      If you use a reader not NTFS to do this, you will see a warning that certain file properties will not be copied files. This can be ignored.

    * Windows Live Mail do not work with files that are not on a local drive, as opposed to an external or network drive. This is avoided by using the office as a temporary folder location. 
    * If you want to export the files sampled only, select each of them containing messages. Subfolders are not automatically selected by default.

  • I have 2 separate servers, 2 databases running with 2 packages of the apex. Can I merge them all on a single server/database?

    Hello.

    Currently I have two servers each with an oracle database, each of them is running apex and offers a package that people use to interact with data through Web pages.

    I want to merge these two servers into one to save on costs, which means that 1 Server 1 database... with 2 packets of the apex. Is this possible? I guess I would need to export/import the whole package and to migrate database schema, but I will say a default package a schema and a single default package to another scheme? I don't understand workspaces so maybe that's where the question is rooted.

    Hi Daniel Jakes.

    Daniel Jakes wrote:

    Currently I have two servers each with an oracle database, each of them is running apex and offers a package that people use to interact with data through Web pages.

    I want to merge these two servers into one to save on costs, which means that 1 Server 1 database... with 2 packets of the apex. Is this possible? I guess I would need to export/import the whole package and to migrate database schema, but I will say a default package a schema and a single default package to another scheme? I don't understand workspaces so maybe that's where the question is rooted.

    APEX applications are similar/different?

    You can do the following:

    • Import the schema (data) of base2 in database1.
    • You can associate multiple schemas to a workspace. For example, you can associate the schema imported into your workspace (in database1).

    Reference: https://docs.oracle.com/cd/E59726_01/doc.50/e39151/adm_mg_wrkspc.htm#BABCEBIE

    • Then, you can export the APEX of base2 workspace application and import this request to the workspace from base1.
    • Access the newly imported application. Change the attributes of the Application -> Security-> database Session and define the Schema of the analysis to the newly imported schema.

    Kind regards

    Kiran

  • Apex 5 universal theme: too much space between the bar and of the body of content

    Hello

    I work with the universal theme and my client is also enthusiastic about is that I am.

    I observed, this universal theme calculated the margin of the happy body at the end of the rendering and adds something like 100 px space between the menu bar and the content body.

    Many layouts which seems well - for some, it's a little strange.

    Is there a mechanism to place content in the title of body (which would allow almost exactly fill my requirement) or to stop this behavior?

    Or is this just a RTFM issue and I did not foud the manual jet?

    Concerning

    Sebastian

    Thx for your return. I tried to get a workspace APEX on the fly; but he has failed.

    So I had time to check.

    I used to write Javascript Code on Page 0 in the header after regions before putting them in files from APEX 4.0.

    As a result, Universale APEX 5 theme to a misinterpretation of the provision. "Container" (of the region

    ) was placed directly after the header section before the menu bar.

    Then the calculation of the provision made the rest...

    So I moved the "Javascript" - regions in the page footer Section.

    Now, the layout is fine.

    Cordially Sébastien

  • Need help using the tabs of the apex to the universal theme.

    I tried using the enkitec boards to create tabs in page apex.

    But I'm unsucessfull and I used the apex as the version 5.

    The theme that I use is universal theme.

    https://www.enkitec.com/Apex/f?p=15300:30310:0:

    Also I'm tired the method too to create tabs below

    Creation of a region of the tab within a page in the APEX

    It's like

    In the HTML header, I'll add the code below

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script> <script type="text/javascript"> $(function() {    $("#tabs").tabs();    $x("tabs").appendChild( $x("tabs-1"));    $x("tabs").appendChild( $x("tabs-2")); }); </script>

    Then I'll create 3 region.

    Region 1 > > > create a HTML region (REGION MODEL = MODEL number) and add the code below in the SOURCE of the REGION

    <div id="tabs"> <ul>    <li><a href="#tabs-1">Employee</a></li>    <li><a href="#tabs-2">Chart</a></li> </ul> </div>

    Region 2 > > > create HTML region... Add two fields to the region now, edit the region

    Add the code below in the header of the region to REGION 2

    <div id="tabs-1">

    Add the code below in the bottom of the region to REGION 2

    </div>

    Region 3 > > > create HTML region... Add two fields to the region now, edit the region

    Add the code below in the header of the REGION 3 region

    <div id="tabs-2">

    Add the code below in the bottom of the REGION 3 region

    </div>

    Example: http://Apex.Oracle.com/pls/Apex/f?p=12060:7

    I used exactly the same code... except that my region 2 contains a REPORT instead of two text field and region 3 GRAPHICS instead of text field.

    Kind regards

    Shijesh

    -------

    Please reward the answer if it was useful / correct


    I used the enkitecs method to create tabs.

    Tabs have been created, but the fields were visible inside.

    Will soon be replicating the scenario of apex.oracle.com

    Maybe someone can help.

    At the same time if there is no easy way to create tabs in apex page please let me know.

    Thank you

    Paul

    Hi pauljohny100,

    pauljohny100 wrote:

    I'd like to learn more about the region view selector

    You have a good resource on it.

    Selector display region is type of region, which shows the navigation links in the form of hyperlinks button for regions where the attributes of the region-> region selector display are set to Yes. Œuvres similar to jQuery tabs.

    Reference: ApEx 4.0 region selector | iAdvise blog (it's blog when it was introduced first in APEX 4.0)

    I have not found any Oracle Documentation on this, but it's taken APEX oracle supported the region type.

    You will find that this implemented in various packaged for example P-Track applications.

    Kind regards

    Kiran

  • APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    ..

    716769 wrote:

    Please update your forum profile with a recognizable username instead of "716769": Video tutorial how to change username available

    APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    APEX 5.0, application themes are announced to a default theme. As a result, the theme templates are locked and cannot be changed. To change the templates, unsubscribe the theme of the master.

  • Change the background color of the banner in the theme of the APEX 25

    Hi guys,.

    I'm changing the background color of the banner in the theme of the APEX 25 (in white).

    Oracle.apex.com: Application Express 4.2.5.00.08

    Theme/UI: 25. Reactive blue

    Page template: A level Tabs - no side bar

    Using Internet Explorer 8
    I have created a sample in oracle.apex.com too, see below for credentials

    What I've done so far:

    1. create a file named orange.css with a single line:


    hgroup {background: white ;}}


    Downloaded this css file via:

    Components shared = > Cascading Style sheets

    2 then reference this CSS via the shared components = > templates = > edit the template Page = > a level Tabs - No. Sidebar = > definition = > header

    Added this line before the < / head > tag:

    < link rel = "stylesheet" href = "" #WORKSPACE_IMAGES #orange.css "type =" text/css">"

    Then changed:

    < h1 > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / h1 >"

    VOX

    < hgroup > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / hgroup >"

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    Does anyone know how to solve these problems?

    Here is a link with the model of the application:

    https://Apex.Oracle.com/pls/Apex/f?p=4500:1000:115959518208631

    Workspace: ORANGE

    User: guest

    Password: 01range

    My email: [email protected]

    Much appreciated!

    Jeroen van Meenen wrote:

    Then changed:

    VOX

    You should not use hgroup here. Leave that as a h1 element.

    • hgrouphas been removed from the W3C HTML specification.
    • With the help of hgroup of this way is non-compliant because it does not contain at least one child h1-h6 element.

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    The original blue background of the theme is actually applied to the containing header element, not the h1 (or hgroup in your example), it is the rule that must be overridden:

    header#uHeader {
      background: #fff;
    }
    

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    The link to logout of the theme is white to contrast with the original blue background. What should be replaced by a dark to be visible on the new white foreground color, and a contrasting hover appearance applied:

    div.userBlock a:link,
    div.userBlock a:visited {
      color: #004F7C;
    }
    div.userBlock a:hover {
      background-color: #b6ceed;
      color: #fff;
    }
    
  • I have Adobe Photoshop elements 10 Costco edition in DISC format.  We have Macs.  However we have updated all the new Macs and do not have DVD drives in them.  I still have the old top Mac desktop that can run Photoshop, but I wan to install it also on my

    I have Adobe Photoshop elements 10 Costco edition in DISC format.  We have Macs.  However we have updated all the new Macs and do not have DVD drives in them.  I still have the old top Mac desktop that can run Photoshop, but I wan to install it also on my laptop.  I have serial numbers.  Where are the instructions to do this?  Thank you.

    Download & install instructions https://forums.adobe.com/thread/2003339 can help

    -includes a way to go to a page to download the Adobe programs if you do not have a disk or drive

    -Cloud desktop http://helpx.adobe.com/creative-cloud/help/creative-cloud-desktop.html

    -Cloud Getting Started https://helpx.adobe.com/creative-cloud.html

    -you will need to enter your original serial number during the installation for non-Cloud programs

    - or kglad links in response to #1 here can help https://forums.adobe.com/thread/2081216

    Also go to https://forums.adobe.com/community/creative_cloud/creative_cloud_faq

  • I'm currently developing apps on my creative cloud. My account has two subscriptions and I am trying to use one of them, but after that download the message of "no subscription found" apps will appear when you try to license. How can I access the apps? I

    I'm currently developing apps on my creative cloud. My account has two subscriptions and I am trying to use one of them, but after that download the message of "no subscription found" apps will appear when you try to license. How can I access the apps? I use a Mac

    Hello

    Please see connect and disconnect activate Cloud Creative applications

    Advanced solutions for connection with Adobe Creative Cloud and Creative Suite applications errors

    Concerning

  • I need something to smooth out grainy photos and set the color.  I have several photos that I need to use which has a blue cast on them.  Photoshop will remove the color blue?  I need an answer immediately.

    I need something to smooth out grainy photos and set the color.  I have several photos that I need to use which has a blue cast on them.  Photoshop will remove the color blue?  I need an answer immediately.

    Yes, photoshop can remove noise and remove color casts

  • Get-VMHost: you have changed the world: DefaultVIServer and global: DefaultVIServers system variables. This is not allowed. Please reset them to $null and reconnect the server vSphere.

    Hello world

    After the upgrade to PowerCLI version 5.1 however I can't run even the simplest command because it always ends up with the following error:

    Get-VMHost: you have changed the world: DefaultVIServer and global: DefaultVIServers system variables. This is not aRA. Please reset them to $null and reconnect the server vSphere.

    C:\Users\Albert\AppData\Local\Temp\7900df01-f6c1-48c6-ac1e-047dfff90fb6.ps1:1 tank: 11
    + Get-VMHost < < < <
    + CategoryInfo: NotSpecified: (:)) [Get-VMHost], InvalidState)
    + FullyQualifiedErrorId: VMware.VimAutomation.ViCore.Types.V1.ErrorHandling.InvalidState, VMware.VimAutomation.ViCore.Cmdlets.Commands.GetVMHost

    Can someone please suggest to me how to fix the script for my v3.2.0 PowerGUI IDE can work with the latest PowerCLI in my computer laptop 64 bit Windows 7?

    Thank you.

    And I just tried with PowerGui (same versions of PowerGUI and PowerCLI you use), no problem.

    Must be something local on your desktop.

    Maybe try a uninstall/reinstall of PowerGUI?

  • Creating custom themes and download images in the directory is online

    Hi there everyone, it's been more than a year I visited this forum!


    My team has a period where we are required to provide a demo of our development ideas to another establishment and application development quick, that we decided to use Oracle Apex. It's good to work with her again! I want to know how to create a custom theme and download it in the development apex.oracle.com environment. Application templates need images and I usually use an FTP client like filezilla or the bitkinex to download image files in the virtual directory is in my local computer so I can use them in my designs. However, I want to create a template like this for our test area using apex.oracle.com. I'm not sure what I'm supposed to do, has anyone tried this before?

    Thank you very much
    -C

    How much space does take to application? I use a company hosting that costs $19 a month to host my APEX stuff. Allows me to ftp and download themes and other too via local ftp client...

    http://www.enciva.com/index.html

    Thank you

    Tony Miller
    Webster, TX

    What happens if you were really stalking a paranoid schizophrenic... They would know?

    If you answer this question, please mark the thread as closed and give points where won...

Maybe you are looking for

  • How to make calls telephone entrants House to show on computer?

    Original title: show phone numbers. Windows XP SP3, PCI Soft Data Fax Modem with SmartCP. My question is how to make calls telephone entrants House to show on computer? I have phone line connected to the modem 'in' connection and main phone is connec

  • What is hp psc 1355 all-in-one printer scanner copier compatible to be used in the WINDOWS XP operating system?

    I have a hp type copier printer scanner hp 1355. I need a driver (software) for this.  If the HP all-in-one device is not suitable for use on WINDOWS XP, is it possible to use hp 1355 in the WINDOWS XP operating system? Thanks FOR YOUR HELP.

  • More old HP LaserJet 5N with Windows 7

    I used this printer successfully with XP but cannot get to work with Windows 7. I have instaled driversand troubleshooting of windows can not find the problem. When I try to print, it appears on the calendar but says "printing error". I can hear the

  • Second DVR installed, now Orig don't work

    I have an A6600Z of HP clubhouse and just installed a second drive (Teac) DVR, this I connected to the IDE port. Now, my DVR orig is not recognized by Vista. 1 DVR is a SATA connection and this news is IDE. I downloaded a driver NVIDIA EDE and smoky

  • Diablo 3 disc not recognized.

    XPS 8700, player can see CD & DVD, just don't 'see' this game installation DVD, the disc is good, will work on my laptop, ideas?