Text item width
Hi All, can anyone tell what controls the width that input text items are rendered in an html region?
I have defined the width as 15 in the elements properties section in the item definition, the item is rendered a different width on different pc's.
I also noticed that the font that is used for input text is bigger on the pc's that render the item bigger. Are these 2 things related?
Can anyone tell me where the font used (and size) is set?
Thanks in advance
Fintan
Fintan Stack wrote:
Hi All, can anyone tell what controls the width that input text items are rendered in an html region?
I have defined the width as 15 in the elements properties section in the item definition, the item is rendered a different width on different pc's.
I also noticed that the font that is used for input text is bigger on the pc's that render the item bigger. Are these 2 things related?Yes. This is caused by different local font settings at browser level. The size of the form control is relative to the element width at the locally-defined browser font size.
Can anyone tell me where the font used (and size) is set?The presentational aspects of APEX applications are controlled using a combination of HTML and CSS via themes and templates. Base font sizes will typically be set in theme CSS by specifying the CSS <tt>font-size</tt> property for the page <tt>body</tt> element (or more problematically using the universal selector).
If you want the form controls rendered at the same size irrespective of local font settings, specify an absolute width using CSS in the HTML Form Element Attributes:
style="width: 200px;"However, for accessibility and usability reasons I wouldn't recommend this: users should have the ability to control the font size locally so they can read it comfortably, and controls should be rendered relative to this.
Similar Messages
-
How to change data type and col. width of text item
hi,
how will we change the datatype and width of a text item in runtime.
set_item_property(itemname,fixed_length,20);--- it is for width.
please help me.
RegardsHello,
You cannot change the datatype at runtime.
Start with a CHAR item then do the corresponding cast (NUMBER or DATE)
Francois -
Read only text Items uses the maximum width
Folks,
I have a form with 3 regions and each region has 6 or more text items each with a different width (40, 30 24, 2...). I am using a Read Only Condition Type on all these items to disable them. I am setting the background color as bgcolor="#DCDCDC" in the Read Only Element Table Cell Attributes.
All my elements are disabled (Gray color) but with the maximum width of 40 bytes. I don't want a 2 byte text item 40 bytes long and grayed out. How can I set a specific width for individual items in Read only Condition? Please help
Thanks
Raje.Try this alternative by disabling the HTML Form Item at the required process point.
I added this JavaScript to the HTML Header of the page which will allow me to disable the required item, plus set its background and color:-
<script language="JavaScript1.1" type="text/javascript">
function disableFormItem(p_item, p_background, p_color){
disItem = document.getElementById(p_item);
disItem.style.background = p_background;
disItem.disabled = true;
disItem.style.color = p_color;
</script>In the Region Footer of the Region where my items are located I added this JavaScript code:-
<script language="JavaScript" type="text/javascript">
** Only disable the required Form Items if the Primary Key value is present,
** in this case it is P12_UEI. (Won't be present for new records as populated
** by on-insert db trigger and sequence.)
if (html_GetElement('P12_UEI').value > 0)
disableFormItem('P12_URESI', 'lightyellow', 'black');
disableFormItem('P12_UZI', 'lightgray', 'black');
disableFormItem('P12_UBI', 'lightgray', 'black');
</script> The resulting page is a lot better looking than using the APEX read only text item.
Regards,
Phil -
How to find the ID of the text item of the column in an tabular form
Hello,
I have created a tabular form report on emp table and made ONE OF THE COLUMN department_id as an text item using APEX_ITEM.TEXT APIs.
My select query is
select
"EMPLOYEE_ID",
"EMPLOYEE_ID" EMPLOYEE_ID_DISPLAY,
"FIRST_NAME",
"LAST_NAME",
"HIRE_DATE",
"JOB_ID",
"SALARY",
"MANAGER_ID",
APEX_ITEM.TEXT(3,department_id,20,50,'readonly=true') department_id
from "#OWNER#"."OEHR_EMPLOYEES"
now how can i find the item ID?
one more thing is that how would i reference this item in an javascript function.
anyone plz help me out with this.
thanks.Hi,
Firstly, your link must include "this" to ensure that any javascript knows which link has been clicked. So, change:
onclick="javascript:report();"to
onclick="javascript:report(this);"Next, your javascript code must take this value and find the related DEPTNO item on the same row. The URL must pass to the popup page the name of the ID that needs to be updated - this is held in the f10 variable in the following script. This means that you popup page must be able to receive this value so that it can use it to update the DEPTNO item when a value is selected. Your popup page seems to be page number 4, so I will assume that you have a P4_ITEM_ID hidden item on that page for this purpose. So, the javascript on the main page would be something like:
function report(x)
var f10;
var p = x.parentNode;
while (p.tagName != "TR")
p = p.parentNode;
var inputs = p.getElementsByTagName("INPUT");
var zz;
for (zz = 0; zz < inputs.length; zz++)
if (inputs[zz].name = 'f10')
f01 = inputs[zz].id;
var url;
url = 'f?p=&APP_ID.:4:&APP_SESSION.::::P4_ITEM_ID:' + f10;
var w = open(url,"winLov","Scrollbars=1,resizable=1,width=450,height=600");
if (w.opener == null)
w.opener = self;
w.focus();
}So, when the user clicks a link, the report() function is called and the object clicked is passed as a parameter. The script then starts from this object and goes up to the TR tag that the link is on. From here, it finds all INPUT items and then looks at those to find one that has a name attribute of "f10". When it finds it, it stores the ID of that in the "f10" variable. It then constructs a URL using this variable which is set into the P4_ITEM_ID hidden item on the popup page.
I don't know what your javascript is on the popup, but it would need to get the value out of P4_ITEM_ID to see which main page item needs updating. This could be something like:
function passBack(val)
var id = $v('P4_ITEM_ID');
opener.document.getElementById(id).value = val;
window.close();
}This script looks in the P4_ITEM_ID hidden item and gets its value - this will be the ID of the item to update on the main page. It then does the update and closes the popup.
Andy -
How to make one of the columns in my tabular an text item with popup lov
Hello,
I want to manually make one of the columns say for the deptno in my tabular form as on text item popup lov using apex_item package
and whenever user clicks on the text item popup lov, it should open up an dept table report and from which he/she needs to select
the deptno and this deptno should be returned into the text item popup lov column.
like for example: say if i have an emp table tabular form with all the columns and deptno column as an popup lov and when user clicks on this column
it should open up an new sql report(similar to popup lov window), the select statement for this would be
select deptno,dname,loc from dept order by 1;
And from this popup lov report whenever an user selects a particular deptno, the same deptno should be returned to my text item popup column in emp tabular form.
something like this
select
"EMPNO",
"EMPNO" EMPNO_DISPLAY,
"ENAME",
"JOB",
"MGR",
"HIREDATE",
"SAL",
"COMM",
APEX_ITEM.TEXT(3,deptno,20,50,'readonly=true') || '<img height="16" align="middle" width="16" style="vertical-align: middle;" alt="Popup Lov" src="/i/lov_16x16.gif"/>' deptno
from "#OWNER#"."EMP"
like i made my column as an text item lov and now I want to write an onclick event for the text item lov so that an popup window is displayed which is a sql report of the table dept (select deptno,dname,loc from dept order by 1;) and in this report i want to make deptno as an link so that when ever an user clicks on it
-- this value should be returned to my text item popup lov column deptno in the emp tabular form.
can anyone help me out with this issue.
thanks,Hi,
Refer to the link for the detailed information on ALV Grid.
https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/e8a1d690-0201-0010-b7ad-d9719a415907
Hope it helps.
Regards,
Rajesh Kumar
Edited by: Rajesh Kumar on May 25, 2009 9:13 AM -
Trying to make new text item in Pages 5.2 using Applescript
I am trying to upgrade(?) from Pages 3 to Pages 5 and have a script that used to make a new document with text boxes. Previous line was:
make text box with properties {object text:receiptDD, vertical position:6.9, horizontal position:2.7, height:0.5, width:1, extra space:0}
Have the line changed to:
make new text item with properties {object text:receiptDD, position:{6.9, 2.7}, height:0.5, width:1}
but fails with error "Pages got an error: Don't know how to create TMAScriptInfoProxy" number -2763
Not sure where to go from here, searched various forums but cannot find a solution, any guidance gratefully received.Does your Photoshop menu bar have a 3D item? If not make sure you machine meets CC requirements and thatou GPU is enabled in you Photoshop preferences performance section
-
How to get bounds of bounding box of text item.
Hi all,
I am trying to get the bounds of bounding box of paragraph text item. I found the following link,
the coordinate of a bounding box is the same as the layer's coordinate?
But the solution doesn't work for me. It gives me the layer's bound every time i.e. the bounds of actual text.
Can someone have any idea how to accomplish this?
Thanks.It's a known "not trivial". You have layer.textItem.width/height, but they don't always report correct values. I.e. if the layer or doc has been resized, those values are missing scale multipliers. Worse it's works differently wrong in different versions of CC and Mac/Win. What I use is below (with some utility functions missing), but it's just CC 2012 and 2014 (CS6 is just bounds).
Alternatively you can get this stuff on Action Manager only, but I'm not familiar enough and let other comment on it.
Photoshop = {
getTextExtents: function (layer) {
if (layer && layer.textItem) {
var text_item = layer.textItem
if (Photoshop.isCC2014() || (Photoshop.isMac() && Photoshop.isCC2012())) { // in mac the newer method is correct also in CC2012
return Photoshop._getTextExtentsCC2014(text_item)
} else if (Photoshop.isCC2012()) {
return Photoshop._getTextExtentsCC2012(text_item)
} else {
return Photoshop._getTextExtentsCS6(text_item)
_getTextExtentsCC2014: function (text_item) {
app.activeDocument.activeLayer = text_item.parent
var ref = new ActionReference()
ref.putEnumerated( charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") )
var action = executeActionGet(ref)
//Photoshop._debugActionKeys(action)
var textKey = action.getObjectValue(stringIDToTypeID('textKey'))
var bounds = textKey.getObjectValue(stringIDToTypeID('bounds'))
var width = bounds.getUnitDoubleValue (stringIDToTypeID('right'))
var height = bounds.getUnitDoubleValue (stringIDToTypeID('bottom'))
var x_scale = 1
var y_scale = 1
if (textKey.hasKey(stringIDToTypeID('transform'))) {
var transform = textKey.getObjectValue(stringIDToTypeID('transform'))
x_scale = transform.getUnitDoubleValue (stringIDToTypeID('xx'))
y_scale = transform.getUnitDoubleValue (stringIDToTypeID('yy'))
x_scale *= width / text_item.width
y_scale *= height / text_item.height
return {
x:Math.round(text_item.position[0]),
y:Math.round(text_item.position[1]),
width:Math.round(width*x_scale),
height:Math.round(height*y_scale) }
_getTextExtentsCC2012: function(text_item) {
app.activeDocument.activeLayer = text_item.parent
var ref = new ActionReference()
ref.putEnumerated( charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") )
var action = executeActionGet(ref)
var textKey = action.getObjectValue(stringIDToTypeID('textKey'))
//Photoshop._debugActionKeys(textKey)
var bounds = textKey.getObjectValue(stringIDToTypeID('bounds'))
var width = bounds.getUnitDoubleValue (stringIDToTypeID('right'))
var height = bounds.getUnitDoubleValue (stringIDToTypeID('bottom'))
var x_scale = 1
var y_scale = 1
if (textKey.hasKey(stringIDToTypeID('transform'))) {
var transform = textKey.getObjectValue(stringIDToTypeID('transform'))
x_scale = transform.getUnitDoubleValue (stringIDToTypeID('xx'))
y_scale = transform.getUnitDoubleValue (stringIDToTypeID('yy'))
return {
x:Math.round(text_item.position[0]),
y:Math.round(text_item.position[1]),
width:Math.round(width*x_scale),
height:Math.round(height*y_scale)
_getTextExtentsCS6: function (text_item) {
var layer = text_item.parent
return {
x:Photoshop.getLayerLeft(layer),
y:Photoshop.getLayerBottom(layer),
width:Photoshop.getLayerWidth(layer),
height:Photoshop.getLayerHeight(layer) -
"Enter" in a multi-line text item (Urgent)
Hello,
I am using developer 6i.
I have a text item on my form with the following properties:
Height = 100
width = 100
Multiline = True
Now i am assiging a value to this text item programatically.
I want to show the data assigned to this field in the same pattern as written below:
Name: Imran Baig
Age: 27
Email: misterimran@hotmail.
Now how to show Age:27 on the next line of the text item, i am using chr(13) but its not working, is there any other way to do this???
Please help and its also urgent!
Thanks a lot
ImranHello,
Use CHR(10) instead of CHR(13)
Francois -
Font size dependent text item size calculation
Hello there always helping hand !!
I have a requirement like this
1. Depending on the Form Co-ordinate system
2. Depending on the Font name and size of the Text Item
3. For a multiline text item
4. Given the context string to display in it
I want to calculate the optimal width and hight for that text
item.
Please give me sugestion on the calculation formulae and or
pointer to the detailed discussion....
Thanking you in anticipation
Santosh
[email protected]
null>
Naresh Kumar Malik wrote:
> Hi
>
>
>
>
> You can use <h1> HTML tag. Here
> concatenate '<h1>' item_eform_reqno '</h1>' into head.
> wd_context->set_attribute( exporting name = 'EFORM_HEAD' value = head ).
>
>
> Here attribute EFORM_HEAD is bounded to the text view element.
>
> Regards
> Naresh
This should NOT work! The UI elements should safe encode all input values - thereby eliminating the value of any HTML tags. If you system isn't doing this already then it is a bug and if you rely on such a thing it will stop working at some point in the future.
You are basically restricted to different values available via the design parameter. The overall font sizes come from the underlying themes and the client applications (browser or NetWeaver Business Client) that host the Web Dynpro Application. Therefore no direct specification of the font size is possible in order to stay within the controls of theme. If you don't like any of the designs available, you might consider altering the Portal Theme you are using - but that is a rather drastic approach. -
Help with Scrolling Text Item.
Hi , need help with making a text item scrollable.
i.e. A field is 30 characters and i can only display 10
characters, now what I would like is a scroll bar under the text
item.
Is this possible. I am using Forms 5.
Thanx for any help.
Pankaj Patel.
nullPetr Valouch (guest) wrote:
: Pankaj Patel (guest) wrote:
: : Hi , need help with making a text item scrollable.
: : i.e. A field is 30 characters and i can only display 10
: : characters, now what I would like is a scroll bar under the
: text
: : item.
: : Is this possible. I am using Forms 5.
: : Thanx for any help.
: : Pankaj Patel.
: Hi
: You need that scrollbar under the item? You can set length
of
: text item and its size independently, so you can have text
item
: char(30) with size of 10 characters.
An alternative is to declare the item as a multi-line text item
with wrap set on. This would give you a vertical scroll bar on
the item.
Another option is to programmaticaly pop up an Editor, each time
focus is moved to the item, or to actually change the width of
the item when focus moves to it (and shrink it back when focus
moves away.
Simon Hedges
Gloucester
UK
null -
Hi,
one text item is like
<af:inputText value="#{bindings.Id.inputValue}" label="ID"
required="#{bindings.Id.hints.mandatory}"
columns="#{bindings.Id.hints.displayWidth}"
maximumLength="#{bindings.Id.hints.precision}"
shortDesc="#{bindings.Id.hints.tooltip}"
binding="#{backingBeanScope.backing_User_profile.it1}"
id="it1" inlineStyle="width:300px;">
<f:validator binding="#{bindings.Id.validator}"/>
<af:convertNumber groupingUsed="false"
pattern="#{bindings.Id.format}"/>
</af:inputText>I don't know why when showing the jsf, there is 0 length for the text items insidehi friend
this is sample code,which is in panelformlayout comprises some inputtext.
just compare. and correct your mistake.
or else paste the code.
<af:panelFormLayout binding="#{pageFlowScope.managedbean_GeneralLedger.pfl1}"
id="pfl1" maxColumns="3"
rows="3">
<af:inputListOfValues id="inputListOfValues1"
popupTitle="Search and Select: #{bindings.GlalPlant.hints.label}"
value="#{bindings.GlalPlant.inputValue}"
label="#{bindings.GlalPlant.hints.label}"
model="#{bindings.GlalPlant.listOfValuesModel}"
required="#{bindings.GlalPlant.hints.mandatory}"
columns="#{bindings.GlalPlant.hints.displayWidth}"
shortDesc="#{bindings.GlalPlant.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues1}"
autoSubmit="true">
<f:validator binding="#{bindings.GlalPlant.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalPlantDesc.inputValue}"
label="#{bindings.GlalPlantDesc.hints.label}"
required="#{bindings.GlalPlantDesc.hints.mandatory}"
columns="#{bindings.GlalPlantDesc.hints.displayWidth}"
maximumLength="#{bindings.GlalPlantDesc.hints.precision}"
shortDesc="#{bindings.GlalPlantDesc.hints.tooltip}"
partialTriggers="inputListOfValues1"
binding="#{pageFlowScope.managedbean_GeneralLedger.it38}"
id="it38">
<f:validator binding="#{bindings.GlalPlantDesc.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues2"
popupTitle="Search and Select: #{bindings.GlalLvl1.hints.label}"
value="#{bindings.GlalLvl1.inputValue}"
label="#{bindings.GlalLvl1.hints.label}"
model="#{bindings.GlalLvl1.listOfValuesModel}"
required="#{bindings.GlalLvl1.hints.mandatory}"
columns="#{bindings.GlalLvl1.hints.displayWidth}"
shortDesc="#{bindings.GlalLvl1.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues2}">
<f:validator binding="#{bindings.GlalLvl1.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalLvl1Desc.inputValue}"
label="#{bindings.GlalLvl1Desc.hints.label}"
required="#{bindings.GlalLvl1Desc.hints.mandatory}"
columns="#{bindings.GlalLvl1Desc.hints.displayWidth}"
maximumLength="#{bindings.GlalLvl1Desc.hints.precision}"
shortDesc="#{bindings.GlalLvl1Desc.hints.tooltip}"
partialTriggers="inputListOfValues2"
binding="#{pageFlowScope.managedbean_GeneralLedger.it39}"
id="it39">
<f:validator binding="#{bindings.GlalLvl1Desc.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues3"
popupTitle="Search and Select: #{bindings.GlalLvl2.hints.label}"
value="#{bindings.GlalLvl2.inputValue}"
label="#{bindings.GlalLvl2.hints.label}"
model="#{bindings.GlalLvl2.listOfValuesModel}"
required="#{bindings.GlalLvl2.hints.mandatory}"
columns="#{bindings.GlalLvl2.hints.displayWidth}"
shortDesc="#{bindings.GlalLvl2.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues3}">
<f:validator binding="#{bindings.GlalLvl2.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalLvl2Desc.inputValue}"
label="#{bindings.GlalLvl2Desc.hints.label}"
required="#{bindings.GlalLvl2Desc.hints.mandatory}"
columns="#{bindings.GlalLvl2Desc.hints.displayWidth}"
maximumLength="#{bindings.GlalLvl2Desc.hints.precision}"
shortDesc="#{bindings.GlalLvl2Desc.hints.tooltip}"
partialTriggers="inputListOfValues3"
binding="#{pageFlowScope.managedbean_GeneralLedger.it40}"
id="it40">
<f:validator binding="#{bindings.GlalLvl2Desc.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues4"
popupTitle="Search and Select: #{bindings.GlalLvl3.hints.label}"
value="#{bindings.GlalLvl3.inputValue}"
label="#{bindings.GlalLvl3.hints.label}"
model="#{bindings.GlalLvl3.listOfValuesModel}"
required="#{bindings.GlalLvl3.hints.mandatory}"
columns="#{bindings.GlalLvl3.hints.displayWidth}"
shortDesc="#{bindings.GlalLvl3.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues4}">
<f:validator binding="#{bindings.GlalLvl3.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalLvl3Desc.inputValue}"
label="#{bindings.GlalLvl3Desc.hints.label}"
required="#{bindings.GlalLvl3Desc.hints.mandatory}"
columns="#{bindings.GlalLvl3Desc.hints.displayWidth}"
maximumLength="#{bindings.GlalLvl3Desc.hints.precision}"
shortDesc="#{bindings.GlalLvl3Desc.hints.tooltip}"
partialTriggers="inputListOfValues4"
binding="#{pageFlowScope.managedbean_GeneralLedger.it41}"
id="it41">
<f:validator binding="#{bindings.GlalLvl3Desc.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues5"
popupTitle="Search and Select: #{bindings.GlalLvl4.hints.label}"
value="#{bindings.GlalLvl4.inputValue}"
label="#{bindings.GlalLvl4.hints.label}"
model="#{bindings.GlalLvl4.listOfValuesModel}"
required="#{bindings.GlalLvl4.hints.mandatory}"
columns="#{bindings.GlalLvl4.hints.displayWidth}"
shortDesc="#{bindings.GlalLvl4.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues5}">
<f:validator binding="#{bindings.GlalLvl4.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalLvl4Desc.inputValue}"
label="#{bindings.GlalLvl4Desc.hints.label}"
required="#{bindings.GlalLvl4Desc.hints.mandatory}"
columns="#{bindings.GlalLvl4Desc.hints.displayWidth}"
maximumLength="#{bindings.GlalLvl4Desc.hints.precision}"
shortDesc="#{bindings.GlalLvl4Desc.hints.tooltip}"
partialTriggers="inputListOfValues5"
binding="#{pageFlowScope.managedbean_GeneralLedger.it42}"
id="it42">
<f:validator binding="#{bindings.GlalLvl4Desc.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues6"
popupTitle="Search and Select: #{bindings.GlalAcct.hints.label}"
value="#{bindings.GlalAcct.inputValue}"
label="#{bindings.GlalAcct.hints.label}"
model="#{bindings.GlalAcct.listOfValuesModel}"
required="#{bindings.GlalAcct.hints.mandatory}"
columns="#{bindings.GlalAcct.hints.displayWidth}"
shortDesc="#{bindings.GlalAcct.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues6}">
<f:validator binding="#{bindings.GlalAcct.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalAcctDesc.inputValue}"
label="#{bindings.GlalAcctDesc.hints.label}"
required="#{bindings.GlalAcctDesc.hints.mandatory}"
columns="#{bindings.GlalAcctDesc.hints.displayWidth}"
maximumLength="#{bindings.GlalAcctDesc.hints.precision}"
shortDesc="#{bindings.GlalAcctDesc.hints.tooltip}"
partialTriggers="inputListOfValues6"
binding="#{pageFlowScope.managedbean_GeneralLedger.it43}"
id="it43">
<f:validator binding="#{bindings.GlalAcctDesc.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.GlalDesc1.inputValue}"
label="#{bindings.GlalDesc1.hints.label}"
required="#{bindings.GlalDesc1.hints.mandatory}"
columns="#{bindings.GlalDesc1.hints.displayWidth}"
maximumLength="#{bindings.GlalDesc1.hints.precision}"
shortDesc="#{bindings.GlalDesc1.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.it44}"
id="it44">
<f:validator binding="#{bindings.GlalDesc1.validator}"/>
</af:inputText>
<af:inputListOfValues id="inputListOfValues7"
popupTitle="Search and Select: #{bindings.GlalClId.hints.label}"
value="#{bindings.GlalClId.inputValue}"
label="#{bindings.GlalClId.hints.label}"
model="#{bindings.GlalClId.listOfValuesModel}"
required="#{bindings.GlalClId.hints.mandatory}"
columns="#{bindings.GlalClId.hints.displayWidth}"
shortDesc="#{bindings.GlalClId.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.inputListOfValues7}">
<f:validator binding="#{bindings.GlalClId.validator}"/>
</af:inputListOfValues>
<af:inputText value="#{bindings.GlalClassDesc.inputValue}"
label="#{bindings.GlalClassDesc.hints.label}"
required="#{bindings.GlalClassDesc.hints.mandatory}"
columns="#{bindings.GlalClassDesc.hints.displayWidth}"
maximumLength="#{bindings.GlalClassDesc.hints.precision}"
shortDesc="#{bindings.GlalClassDesc.hints.tooltip}"
partialTriggers="inputListOfValues7"
binding="#{pageFlowScope.managedbean_GeneralLedger.it45}"
id="it45">
<f:validator binding="#{bindings.GlalClassDesc.validator}"/>
</af:inputText>
<af:selectOneChoice value="#{bindings.GlalOptType.inputValue}"
label="#{bindings.GlalOptType.label}"
required="#{bindings.GlalOptType.hints.mandatory}"
shortDesc="#{bindings.GlalOptType.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.soc4}"
id="soc4">
<f:selectItems value="#{bindings.GlalOptType.items}"
binding="#{pageFlowScope.managedbean_GeneralLedger.si4}"
id="si4"/>
</af:selectOneChoice>
<af:selectOneChoice value="#{bindings.GlalStatus.inputValue}"
label="#{bindings.GlalStatus.label}"
required="#{bindings.GlalStatus.hints.mandatory}"
shortDesc="#{bindings.GlalStatus.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.soc5}"
id="soc5" readOnly="false"
valueChangeListener="#{pageFlowScope.managedbean_GeneralLedger.soc5_valueChangeListener}"
autoSubmit="true">
<f:selectItems value="#{bindings.GlalStatus.items}"
binding="#{pageFlowScope.managedbean_GeneralLedger.si5}"
id="si5"/>
</af:selectOneChoice>
<af:selectBooleanCheckbox value="#{bindings.GlalBudFlag.inputValue}"
label="#{bindings.GlalBudFlag.label}"
shortDesc="#{bindings.GlalBudFlag.hints.tooltip}"
binding="#{pageFlowScope.managedbean_GeneralLedger.sbc4}"
id="sbc4"
valueChangeListener="#{pageFlowScope.managedbean_GeneralLedger.sbc4_valueChangeListener}"/>
</af:panelFormLayout> -
Change the color of text item after execute query
Dear friends
I would like to know how can I make a tabular form like grid and chang the color of text item when (for exp in emp table) the value of sal column between 2000$ and 4000$.
I used the SE_IEM_PROPERTY command but it change all of the text items of sal column.
please help me
thanks a lotHighlight the Existing Record in Forms
(Compatible with 4.x, 5.x, 6.x & 9i)
Step 1: Create a New Visual Attribute(BLUE_VA) (Color of highlighted record)
Font â Arial
Size â 8
Style â Plain
Font width - Normal
Font Weight - Bold
Foreground Color â Black
Background Color â Blue
Fill Pattern â Transparent
Step 2: Create another Visual Attribute (WHITE_VA) (Default Color of the record)
Font â Arial
Size â 8
Style â Plain
Font width - Normal
Font Weight - Bold
Foreground Color â Black
Background Color â White
Fill Pattern â Transparent
Step 3: Add Following code to Block-level Trigger WHEN-NEW-RECORD- INSTANCE, POST-BLOCK
(Add to the block, which has these records)
-- Following code will only highlight an item
DISPLAY_ITEM(<block_name>.<item_name>,'BLUE_VA');
-- Following code will highlight complete Record (ref: DISPLAY_ITEM example)
DECLARE
cur_itm VARCHAR2(80);
cur_block VARCHAR2(80) := :System.Cursor_Block;
BEGIN
cur_itm := Get_Block_Property( cur_block, FIRST_ITEM );
WHILE ( cur_itm IS NOT NULL ) LOOP
cur_itm := cur_block||'.'||cur_itm;
Display_Item( cur_itm, 'BLUE_VA');
cur_itm := Get_Item_Property( cur_itm, NEXTITEM );
END LOOP;
END;
Step 4: Add Following code to Block-level Trigger PRE-RECORD, PRE-BLOCK
(Add to the block, which has these records)
-- Following code will only highlight an item
DISPLAY_ITEM(<block_name>.<item_name>,'WHITE_VA');
-- Following code will highlight complete Record (ref: DISPLAY_ITEM example)
DECLARE
cur_itm VARCHAR2(80);
cur_block VARCHAR2(80) := :System.Cursor_Block;
BEGIN
cur_itm := Get_Block_Property( cur_block, FIRST_ITEM );
WHILE ( cur_itm IS NOT NULL ) LOOP
cur_itm := cur_block||'.'||cur_itm;
Display_Item( cur_itm, 'WHITE_VA');
cur_itm := Get_Item_Property( cur_itm, NEXTITEM );
END LOOP;
END;
I am using the above code in one of my forms and I so far haven't seen any problem -
Controling space between Text Items when using htp.p('HTMLDB_ITEM.TEXT')
I'm using the following code inside a table tag within a loop to generate a multi-row printable form
htp.p('<td cellspacing="0" align="right" width="100%" style="font-size:8pt">'||HTMLDB_ITEM.TEXT(p_idx=>2,p_size=>1)||'</td>');
I'm still getting gaps between rows.
How do I control the space between each row ? I want each text item row packed up like a spreadsheet with no gaps between rows. Although not shown (border="0") there is the enclosing table cell for each field, so what I want is no cellspacing and maximized item height within each cell.
But with the above code I'm getting...
etc.
but I want
Anyone know how to do this?
regards
Paul PHi Chris , how's it goin'...
thanks for the response. I know how to control a table cell area's height but it's the height of the inner textitem that I'm having trouble with. When I turn on border="1" There's not much space left between cells, just the default width of a line. I just don't know how to expand the height of the text item. The CSS code you suggested, where do I put the code and how do I apply it?
Here is the guts of the PLSQL report code
for des_rec in des_cur loop
htp.p('<table height="100%" width="95%"border="0">');
htp.p('<tr>');
htp.p('<td style="font-size:8pt;font-family:Arial" width="80%" nowrap >'||
des_rec.DES_SERVICE_DESC||'</td>');
htp.p('<td cellspacing="0" align="right" width="5%" style="font-size:8pt">'||
HTMLDB_ITEM.TEXT(p_idx=>2,p_size=>1)||'</td>');
htp.p('<td cellspacing="0" align="left" width="5%" style="font-size:8pt">'||
HTMLDB_ITEM.TEXT(p_idx=>3,p_size=>1)||'</td>');
htp.p('</tr>');
htp.p('</table>');
end loop;
regards
Paul P -
hi
i have a form component text item in oracle forms6i. so i created a <af:inputText> in my jsp page. and i gave the width and height same as the value of form's component text item in pixels.
The problem is that even though i gave the same value for the <af:inputText> , in jdev11 it appears to be slightly greater than the appearance that is in oracle forms 6i.
i want text box to be appear same in both environment.is there any way to change it.
i mean
1px in forms = "------"px in jdev11.
so that i can get the same appearance.
is there in pixel difference between forms and jdev???
i dont know whether i conveyed my doubt properly.hope u understood my doubt.
rgdsLets try this. I included the line item segment (E1EDP01) and example text for each line item. I am mapping the line item text when E1EDPT1-TDID = Z001.
E1EDP01
..POSEX (00010)
....E1EDPT1
......TDID (Z001)
........ E1EDPT2
...........TDLINE (text aaaa)
.........E1EDPT2
.......... TDLINE (text bbbb)
....E1EDPT1
......TDID (Z002)
........ E1EDPT2
...........TDLINE (text yyyy)
.........E1EDPT2
.......... TDLINE (text zzzz)
E1EDP01
..POSEX (00020)
....E1EDPT1
......TDID (Z001)
........E1EDPT2
...........TDLINE (text cccc)
........E1EDPT2
...........TDLINE (text dddd)
....E1EDPT1
......TDID (Z002)
........ E1EDPT2
...........TDLINE (text wwww)
.........E1EDPT2
.......... TDLINE (text xxxx) -
How to influence APEX 4.0 autocomplete text item drop down list's colors?
Hi,
Could some body please point me to the template that I have to modify?
I am using theme 15 and the text item with auto complete has a very different color schema, that I would like to modify, so that it would harmonize with Theme 15 colors. It's just that I can not seem to find the template to modify. TIA.
TamásTamas
There's no template for the autocomplete item. It's appearance is controlled entirely using CSS. Theme 15 does not include themed styling for autocomplete items: it falls back to a generic scheme specified in the <tt>apex_4_0.css</tt> style sheet:
.ac_results {
padding: 0;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
.ac_results li {
margin: 0;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
line-height: 16px;
overflow: hidden;
.ac_results li {
margin: 0;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
line-height: 16px;
overflow: hidden;
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
.ac_odd {
background-color: #eee;
.ac_over {
background-color: #0A246A;
color: white;
}The best approach would be to use a web inspector tool to identify what each of these rules does in the context of using the autocomplete item and create your own theme-15-friendly style sheet to override this subset of <tt>apex_4_0.css</tt>.
Maybe you are looking for
-
Dual Monitor Exiting Fullscreen!
I have tried really hard to find a solution to this, but latest news is from 2010?! I use 2 screens, I have 2 screens! And most often the main thing I am doing is only needing 1 screen, so the other one is perfect for watching a movie, watching youtu
-
GT overclocking in bios (Z68A-GD55(G3)), what does it do??
Hello people, I read the friggin manual five times now and googled my back off, but nobody seems to know what it does. After flashing with the latest beta .N49, the official one that was released after this one, .N40, somehow vanished from MSI websit
-
Delete Duplicates from internal table with object references
Hi How can I delete duplicates from an internal table in ABAP OO based on the value of one of the attributes? I have created a method, with the following code: LOOP AT me->business_document_lines INTO l_add_line. CREATE OBJECT ot_line_owner
-
Why can't I download a video longer than one minute from my iphone 4?
Why can't I download a video longer than one minute from my iphone 4?
-
Apple IIe used for main story line on LOST TV Series
LOST, the TV series, used an Apple IIe as the main focus in a story line. It has two external 5 1/4 floppy drives and the old Apple monitor with only green output. It's in Season 2 Episodes 2 3 and 4...not sure about 5 6 and on ..haven't watched thos