Beginner ?: How to align Items in HTML Region so they display nicely?

I am new to Application Express so please be gentle....
I have an HTML region that contains several items/fields that I am using to gather user input. So my Page or HTML region looks something like the example below.....
Name:__________ Birthdate:_________
Address: _____________________ City:__________ State: _______
So with the example above in mind how can I get the fields "City" and "Birthdate" to line up nicely on the page so that they would appear something like.....
Name:__________ Birthdate:_________
Address: _____________________ City:__________ State: _______
I have tried changing all kinds of things such as Begin on New Line, ...Field, Colspan, Rowspan. In playing with these various settings I am unable to make any headway with aligning the fields on my page so that they display nicely....but I AM making progress at confusing myself as to how AppEx actually stores the labels and fields. I never seem to be able to control the spacing between the fields being displayed.
So with all of that said....is there a way to make page items line up in an HTML region? There seems to be no issue getting the first column of each new row to line up (Begin on New Line = Yes) but when in comes to lining up the 2nd and 3rd fields on a row I am at a lose. Looks like I could also use a lesson in how labels and fields are stored within underlying AppEx HTML tables.
Many thanks in advance for any and all responses.

Hi Andrei,
Thanks so much for your response...it got me to realize what my issue really was......What you listed above in your response to my plea for help is almost what I had but I was so concentrated on the small fields that I had that I failed to notice that my problem was the text area below those fields which takes up quite a bit of space on the screen...so what I finally realized (bonehead / rookie mistake on my part) was that my fields were lining up in the second column but the second column did not start until the end of the text area.
So I am going to look into moving my text area fields to a separate HTML region so that the smaller sized fields above will line up nicely.
Thanks again for your response and helping me to step back and look again.
Best regards,
Shellie

Similar Messages

How to align items in a form page with respect to regions

I have 20 item fields in same form. i need to align them in sequential manner.
For example
x    y    z
a
b
c
l   m
o
p   q   r   s
xyzabclmopqrs    are the items to achieve this what i have to do....
Regards,
Rani

Always give Apex version you are using,
if question related region or page then also mention which theme u are use
in your application
generally in apex 4.2 drag n drop layout removed, so use grid layout property of page item.
means changes in edit page item>>grid layout and manage start new row yes or no?
if generaly you want to keep item on same line then start new row for item y,z,m,q,r,s set to no
and don't change any other page item if page item are in given sequence.
refer example for theme 25 is APEX Theme 25 - Responsive Grid Layout Question: responsive, css, apex, grid
Pars.

How to make items in a region populate a parameter in another region

I have two regions in an APEX page: List of items (hyperlinks) on the left, PL/SQl block containing a media player for videos on the right.
What I want is for the list to talk to the media player. Click an item in the list and that populates what file is played in the media player.
I'm very new to APEX and if anyone has an example of this, I would greatly appreciate it.
Thank you,
Amy

On one plage, I have the following region:
htp.p('
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>play</title>
</head>
<body align="left">
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/ en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." TYPE="application/x-oleobject" width="700" height="500">
<param name="fileName" value="'||VIDEO_NAME||'">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-20">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://yourdomain.com/play.wmv" name="MediaPlayer1" width=280 height=256 autostart=0 showcontrols=1 volume=-20>
</object>
</body>
</html>
And a list with the following links in another region: "Video 1" "Video 2" "Video 3" etc
How do send the URL/value of the lists into the fileName value in the media player?

How use parameters on a html region for report query region

Hi all.
I have created a number of report regions which initially query some data.
The requeriment now is to have a date range (initial and final) and use this range as a parameter for report queries.
i created a new region containing these two date values. Now i need to:
- Give this date fields and initial value: say first and last day of current month.
- Perform a validation to ensure initial date is less or equal to final date.
- And most importantly, i need to reexecute the queries based on this date range.
How do i do it...?
Thanks in advance ...!

Start here http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21679/toc.htm#
http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/concept_ses_val.htm#HTMDB25030
I can guarantee that it will be easy

Beginner - how to link swf to html

Hi,
I need help for :
1) linking swf to html by a click of a button (example to skip the flash intro)
and
2) after swf finish playing I need it to go straight to a html page
I tried several action code but it doesn't work... Can anyone help?

enter_btn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
function mouseDownHandler(event:MouseEvent):void
navigateToURL(new URLRequest("http://www.adobe.com"),"_self");
navigateToURL(new URLRequest("hhttp://www.adobe.com","_self"));
It's working fine just try the above code

HTML region in APEX - displaying chart

Hi,
I have a URL that opens up a chart... May I know how to display it in APEX
Here is the URL
http://ichart.finance.yahoo.com/c/bb/b/bce.to?lang=en-CA&region=CA&width=350&height=180
I tried few things such as putting it in a script
<html>
<body>
<script type="text/javascript" src="http://ichart.finance.yahoo.com/c/bb/b/bce.to?lang=en-CA&region=CA&width=350&height=180">
</script>
</body>
</html>
etc... but still of no use
Please advice

Tal,
Embed this HTML in your Region Source:
<a href="http://ichart.finance.yahoo.com/c/bb/b/bce.to?lang=en-CA&region=CA&width=350&height=180">Finance Chart</a>Jeff

How can I vertically align items that are in different regions

Hello,
I am a novice developer in APEX. I am creating a page which has 4 regions on it. Right now it looks like the following:
----region 1----------------------
label: field label4: field
-----region 2--- region 3--
label: field label45: field
-----region 4---------------------
label:field [one-item-worth-of-space. next item aligned to right of item below]long_label: field
label: field label: field
I am trying to vertically align the items in these regions, in such a way that all the colons are vertically aligned.
I am having a particular alignment problem in region 4, column 2 (item are bold). Both label:field, and long_label:field in region 4 have the same vertical/horizontal alignment option as the rest of the region (right for label, left for field). For some reason, there is one item space between these two items. This space is removed if I switch the two fields.
I would really appreciate any help trying to understand
- how to remove the one-item-equivalent space between two items in region 4
- how to vertically align all these fields in different regions on one page.
I tried to create the original scenario in bold, but the post would not allow space formatting. I apologise if it is difficult to understand
Thank you in advance for your time.
RHaq

This is not the APEX forum. Post your question in this forum:
Oracle Application Express (APEX)

How to Refer Application item in the html region

Hi All,
I have region which says 'Data was refereshed on 12-Apr-2010'. This is displayed in many pages. I want to reduce the manual work of going into each and every page and editing the date.
I have created an Application Item in shared components. Can anyone help me how to refer this application item in the html region?
Thanks,
Vikas

You can use the syntax of : &<ITEM_NAME>.
i.e. say I have an application item MY_NAME , I would then have a html region which has the following
My name is &MY_NAME.see: http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/concept.htm#BEICHBBG
Trent

How to display RTE item in a HTML region

I have a process that is populating a hidden item with a RTE item from another page. I need to display this in its formatted state. I am using an HTML region to display this item but the page shows HTML tags instead of rendering them. I have tried both options under html region (escape special characters and plain HTML text).
Can someone please help me to display this formatted RTE item on a page? Btw...I am using APEX 4.0.
Thanks.
Ashwen
Edited by: Ashwen on Jul 26, 2010 2:23 PM

user12601765 wrote:
did you figure out how to display RTE item in a HTML region? Can you share with me how you did it?No he can't. He's not been active on this forum for over a year, and is totally unaware of your post as watches on threads only persist for a few weeks. Please stop posting follow-ups to ancient threads. Many of the participants in such threads will no longer be active on the forum (check the "recent messages" in their profiles).
Posting follow-ups to ancient threads/departed users is NOT an effective way of getting help:
<li>Other users may ignore the thread as it appears to be closed
<li>Your assumption that the questions are related may be incorrect, leading to confusion about the nature of the problem and potential solutions
<li>Watches on the thread may have expired, so the original participants may be unaware of the new post, or they may no longer be active on the forum
<li>You have no ability to mark posts as helpful or correct
Post your question as a new thread, including at least the following information:
<li>APEX version
<li>DB version and edition
<li>Web server architecture (EPG, OHS or APEX listener)
<li>Browser(s) used
<li>Links to related posts and threads using the methods in the FAQ.
Please read the FAQ and forum sticky threads for more information on using this forum effectively.
From the information in the Allow users to use Rich Text Editor to build their own HTML/Apex Page you resurrected:
>
I am a business user developing apps, so my technical skills are limited.
>
you should be considering Websheets. (See this tutorial as well.)
Also, please update your forum profile with a real handle instead of "user12601765".

How to Display PHP Output as Portlet in HTML Region using utl_http.request

I wanted to be able to parse PHP functions to add more functionality to my Page. nothing fantasy, something simple like: http://phpsysinfo.sourceforge.net/phpsysinfo-dev/?template=classic
Where the realtime values are retrieved from the OS. this represent some kind of problem to me, I know how to do it from Shell Script, Perl or PHP, but not from PL/SQL.
Based on my experience using Oracle Portal, Portlets, I think we really can make use of the feature used in Portal called Web Clipping. [ This feature basically goes to some Site a retrieve part of the site to show in the current page]. Well the PL/SQL utility utl_http.request does something similar.
Make sure your request page does not retrieve some headers because that would cause a problem in your page and will not show up.
This is what I did:
 1.- Grant Privileges to execute [ utl_http.request ] to the owner of your schema.
login into the OracleXE / APEX as SYS then go to the Object Navigator, then click on packages, find the utl_http.request then click on it, later click on grant and select your schema owner for your applicaion.
 2.- Logout as SYS then login as your application schema user. just to test the functionality go to the sql command then enter the following command and then click run:
 select substr(utl_http.request('http://www.oracle.com/'),1, 255) from dual; 
If your output is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Oracle 10g, Siebel, PeopleSoft | Oracle, The World's Largest Enterprise Software Company</title> <meta name="title" content="Enterprise Applications | Database | Fusio
 Wow It worked , this really could be useful !!, If not go back to step 1 and check your permissions to execute, or perhaps your Internet connectivity.
3.- Once we know the package works and we can retrieve content from the Internet. lets go to some of our pages add some HTML Region.
4.- Create an item and put into the new region. the source will be SQL, For the purposes of my test the query to the Oracle Page failed, so I decided to give a shot with a simple PHP script with no headers.
The internal server is: http://mytest.com/hello_world.php
Where the content of the hello_world.php is:
<?
echo '" Hello World ";
?>
This PHP works fine and display the basic Hello World. can be the same server or not, also noticed this can be another port perhaps using something like Ruby,Mason or Java.
 5.- Finally in my Item the source type is SQL and looks like this:
 select substr(utl_http.request('http://mytest.com/hello_world.php'),1, 255) from dual; 
Apply the changes and run the page !!!
Excelent It worked as expected. now you know how use utl_http.request to create webclipping in your OracleXE / APEX from remote pages, or how to use it to parse the output from CGI, Perl, PHP, Ruby or Java pages.
Note: [ Just make sure to strip the headers or parse into a PL/SQL Procedure to clean then show ]
Best Regards Dino .
Brains R Like Books only work when they R Open.
http://www.htmldbhosting.com/

Sorry, from your post in the LabVIEW board I did not understand that it was the Output message that you were looking for.
I thought you wanted the results from your test steps displayed on the user interface.
It is the “Output Panel” in the sequence editor that displays your output message, but I do not know if there is default Output panel activeX indicator for user interface that the TestStand engine would update automatically like it does the execution view.
Maybe someone else knows
As also pointed out, the UI messages is your other option.
The Output Message event number is 40
http://zone.ni.com/devzone/cda/epd/p/id/3879
UIMsg_OutputMessages–(Value: 40) TestStand sends this message at periodic intervals when it holds references to output messages that calls to the OutputMessage.Post method queue. TestStand transfers the queued messages to an OutputMessages collection attached to the UIMessage.ActiveXData property for this event. An application that processes output messages should copy the output message references from the collection in UIMessage.ActiveXData to its own private OutputMessages collection by passing its private collection to the OutputMessages.CopyMessagesToCollection method. An application calls the Engine.NewOutputMessages method to create a private OutputMessage collection. TestStand generates this event only if the Engine.OutputMessagesEnabled property is True. Because there can be more than one handler for this event, the application should not modify the OutputMessages collection the UIMessage.ActiveXData property holds.
Omar
Message Edited by OmarGator on 10-09-2008 10:12 AM

How to add a link to html region to fire a dynamic action?

Hi, guys:
I need to add a hyper link to a html region (I wish it could be a button :( ) , the value of items in this region is loaded by a pl/sql process before loading header. And this link needs to fire a dynamic action to update database. I know how to add a hyper link to this region, but how to set this link so I can fire a dynamic action by clicking this link, could anyone give me a hint?
Thanks a lot in advance.
Sam
Edited by: lxiscas on Apr 11, 2013 5:04 PM

Hi, Jorge:
Thanks for your reply. I cannot use updateRec, I have to use my own PL/SQL procedure. I tried to use similar way as people set dynamic action for modal page.
I set column link for ncic_approve_link
SELECT SOR_ALIAS.ALIAS_ID,
SOR_ALIAS.OFFENDER_ID,
SOR_ALIAS.FIRST_NAME|| ' '|| SOR_ALIAS.MIDDLE_NAME|| ' '|| SOR_ALIAS.LAST_NAME || ' ' || SOR_ALIAS.SIR_NAME   AS " Alias Name ",
NVL(SOR_ALIAS.NICKNAME, 'No Nick names ') AS "Nick Name",
(case when SOR_ALIAS.ncic_verify_date is null then 'NCIC' else null end) ncic_approve_link
FROM SOR_ALIAS
WHERE SOR_ALIAS.OFFENDER_ID    = :p216_detail
AND SOR_ALIAS.ADMIN_VALIDATED IS NOT NULL
AND upper(SOR_ALIAS.STATUS)    = upper('active')the link attributes is
onclick="return false;" class="alias_ncic" title="NCIC Approve"then I pass two values to two hidden variables:
P216_H_NCIC_APPROVE_TABLE_NAME--->'SOR_ALIAS'
P216_H_NCIC_APPROVE_KEY_VALUE--->#ALIAS_ID#
and I declare a dynamic action to execute PL/SQl code as :
event: click
selection type: JQuery seclector
JQuery selector: a.alias_ncic
declare
begin
sor_admin.update_NCIC_verify_date(:P216_H_NCIC_APPROVE_TABLE_NAME, :P216_H_NCIC_APPROVE_KEY_VALUE);
end;However, the PL/SQL was called but raised exception that both the parameters are null. It looks when user click the column link, the value is not passed to hidden items. Could you help me on this?
APEX 4.1
Oracle 11G R2
Thanks.
Sam
Edited by: lxiscas on Apr 29, 2013 10:00 AM
Edited by: lxiscas on Apr 29, 2013 10:01 AM

How to pass sql query to html region

Is it possible to pass the results of a sql query (say in a page process) to javascript in an html region on the same page?

Anton,
Thank you very much for your useful answer. Yes, the page item will work for a query that returns one row. I am not aware how to duplicate this functionality for a query that returns multiple rows.
I am trying to use this method in order to send time series data to a third-party charting engine required to produce specific types of charts that HTML DB cannot build itself.
I can cause the third-party chart server to build a chart on an HTML DB page with static data by using pure html or javascript. But I am not sure how to send the full time series to the server as I would say on a jsp page.

HTML Region with source as an item not rendering HTML

HI All,
1) I have a hidden item P1_ITEM which will be populated after page submit. This item value will be a text with HTML tags
2) I have created a HTML region with source as &P1_ITEM.
However the text in HTML region is not getting rendered properly for eg;-
If the value of P1_ITEM is
*HI HOW R U 
 tag appears as such and is not rendered in HTML format.
What should I do to get the HTML rendering correct.
Thanks & Regards,
Vikas Krishna

Hi
I created the scenario you explained and found the same issue. I don't know the reason may be some other expert can explain the it.
However as a workaround you can create a PL/SQL (anonymous block) region and in the source you can use
htp.p( :P1_ITEM );----
Zulqarnain
MaxApex Hosting
http://www.maxapex.com

How to load a large amount of HTML into HTML region?

I am trying to display a clickable image map (HTML <map>) in a region. The HTML source for the image map is fairly large and will not fit in the Apex editor (HTTP 400 error when I Apply Changes). I would also rather not manage that much HTML in the Apex web editor. So I stored the code in a file and added it to my applications file storage.
I have tried various methods of getting the HTML to load when the page is rendered. I tried a URL region, but that leads to all kinds of ACL/security issues that we do not want the customner to have to deal with. i also tried some PL/SQL:
DECLARE
l_file_id NUMBER;
BEGIN
SELECT id
INTO l_file_id
FROM APEX_APPLICATION_FILES
WHERE filename = 'myhtml';
APEX_UTIL.GET_FILE(
p_file_id => l_file_id,
p_inline => 'YES');
END;
But that just replaces the entire page, not just the region it's defined in (even when the HTML is without <head> etc).
Various attampes wih #APP_IMAGES#myhtml and &APP_IMAGES.myhtml just give me the translation of the APP_IMAGES variable.
So, how do I load a large chunk of HTML into a region dynamically at run time? I also need this to interact with APEX in the sense that JavaScript will set APEX variables and cause a SUBMIT when the use clicks on the image map.

Hi Andy,
ATD wrote:
Does your HTML define the regions/points on the map using AREA tags?Yes. it is actually generated using MapSefrver from huge tables of SDO_GEOMETRY (Oracle Spatial).
If so, you could define a report template that does this and use this for a report based on a table that has the settings for shape, coords, href etcHmm, the code (HTML map) is auto-generated so if I understand you correctly, this might be difficult. One of the HTML is approximately 180KB of text.
I found a way to do this using dynamic PL/SQL. I created a new table that has a varchar filename and a CLOB for the file data. I then imported the HTML into the table using SQL Developer (copy&paste, nice!). I then created an HTML region and used the following:
declare
html clob;
len number;
st number;
c number;
begin
select length(data)
into len
from FILES
where name = 'state_query.html';
st := 1;
while len > 0
loop
if len > 32000 then
c := 32000;
else
c := len;
end if;
select substr( data,st,c )
into html
from FILES
where name = 'state_query.html';
htp.p( html );
st := st + c;
len := len - c;
end loop;
end;
Edited by: CoyoteTech on May 13, 2009 7:27 AM

How can I display de last items of a region from other page in Portal?

I want to display de last five items (f.e.) included in a region (with attributes created) from other page. I've tried using custom search, but it also shows the attribute names, and I want show the attribute values (I don´t know how can I format these attributes).
Thanks a lot.

How can I display the last items of a region from other Oracle Portal page?

Beginner ?: How to align Items in HTML Region so they display nicely?

Similar Messages

Maybe you are looking for