Html on Jlabel font size varies

Hi,
I am trying to put html text on JLabel with different font sizes. The font size reflected on JLabel is different from the font size on swing components. eg. Font size xx large on JLabel with html is looking very different from font size xx large on Just JLabel.
Please help.
Thanks

I am using the Theme 14 - Modern.
Below is a code snippet.
     <td class="t14data" headers="PAGE_REGION1_DATA">
         <h2><font face="Arial" color="#ff0000"><strong>This is Home Region 1</strong></font></h2>
      </td>
     <td class="t14data" headers="PAGE_REGION2_DATA">
        <p><font><font face="Comic Sans MS"><font color="#ff00ff">This is Home Region 2</font><br /></font></font></p>
     </td>
     <td class="t14data" headers="PAGE_REGION1_DATA">
          <font><font face="Comic Sans MS"><font size="5">This is Process Region 1<br/></font></font></font>
     </td>
     <td class="t14data" headers="PAGE_REGION3_DATA">
        <div align="center"><font><font face="Comic Sans MS">This is Home Region 3</font></font><br/>
        <font><font face="Comic Sans MS"> </font></font></div>
     </td>With all the above code, only the font color & <strong> is rendered.
Rest of the html formatting are ignored.
Thanks
Edited by: snagaraj on Aug 25, 2009 12:54 AM
Edited by: snagaraj on Aug 25, 2009 12:55 AM
Edited by: snagaraj on Aug 25, 2009 1:33 PM

Similar Messages

Font size varies a lot while answering email no matter which email format to choose from settings

while sent the font is ok, just the view while composing gets big sometimes, changes in settings affects only some email, can not make the difference what it depends from

Three suggestions:
1) Use plain text.
2) Install [https://addons.mozilla.org/en-US/thunderbird/addon/stationery/ Stationery] and set up a template.
3) Install [https://nic-nac-project.org/~kaosmos/realborders-en.html QuoteAndComposeManager] and set its "stabilize predetermined font" option.

Can I specify font size=1 when printing HTML?

I want print my HTML report in font size = 1. I don't know how to do it?
When using report builder, there seems no special control for printing HTML?
Hope experts here broaden my mind
Richard

This is possible
1) In Builder paper layout select the object for which you want to change the font size
2) In menu
Format --> Font
You can change the font and its size
Then generate to html/htmlcss . I have verified this
Thanks
The Oracle Reports Team

JLabel font type and size..

JLabel font size and type, got any idea?
Need to import any class?

??I agree. What the heck are you asking?
If you want to know the default font size and type for a JLabel, then read the API. Hint you would use a get??? method.
If you want to change the font size and type for a JLabel, then read the API. Hint you would use a set??? method.
You can't program without access to the API so get a copy of one and use it.

Using a javascript to change the font size used by the measurement tool

A couple years ago I saw a javascript written that would allow me to chang the font size used by the measurement tool in Acrobat 9. When the IT department deliverd my new laptop with Acrobat X Pro, they had wiped out the script and I am not expert enough to recreate it from scratch. Any suggestions? I believe it was in an older post by Dave Merchant, but I truly can't find the post or a way to recreate the script. Thanks for any help.

Executing this code from the JS console will change the font size of all the Measurement annotations to 20. You can change the value in the first line to use a different font size:
var newTextSize = 20;
this.syncAnnotScan();
var annots = this.getAnnots();
for (var i in annots) {
    var annot = annots[i];
    if (annots[i].type=="Line") {
        var richText = annot.richContents;
        for (var i in richText) {
            richText[i].textSize = newTextSize;
        annot.richContents = richText;

DESIGN MODE: VERY SMALL FONT SIZE

WE just bought CS3 and when I open my Dreamweaver 8 html
files the font sizes are all over the place. I use size 2 for my
titles and size 1 for some of my copy. While in Design mode, the
size 2 type is not readable. I checked my settings and everything
is accurate. Funny thing is...when I preview in my browser the page
is fine. I have built 5 divisional websites and I'm on the last
one! I have been using these settings for years and now I can 't
edit unless I use the magnifying glass. Is this a bug in CS3?
Anyone else have this problem?
I initially created these on a Mac in DW8, and we just
switched over to PC's when we got the CS3. I don't see where this
should be a problem since I have worked on these sites on both
platforms. ANY HELP WOULD BE APPRECIATED!!!!
Thanks
E

Seems this problem is not just affecting me!
For a unsupported solution see this message:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=12&catid=189&threadid =1269482&enterthread=y

Change he font size in html

Hello
how do i cange the font size of the
<td>#CurrentRow#</td>
<Td>#CASE_NBR#</td>
<td>#dateformat(CRTN_DT,"mm/dd/yyyy")#</td>
to bold and size arial 10?
and how do i change the font size:
<th>Record Number</th>
<th width="120">Case Number</th>
<TH>Creation Date</TH>
to to bold and size arial 8?
or smaller than what it currently displaying?
also is there a better way?
thanks
<cfquery name="getCityWideCases" datasource="cts9i">
SELECT
--PROP.STR_NBR
--,PROP.STR_FRAC_NBR
--,PROP.STR_FRAC_NBR_RNG_END
--,PROP.STR_DIR_CD
PROP.STR_NM
--,PROP.STR_SFX_CD
--,PROP.STR_SFX_DIR_CD
--,PROP.STR_UNIT_TYP_CD
--,PROP.UNIT_NBR
--,PROP.PROP_ID
--,PROP.ZIP_CD
,CASE.CASE_NBR
--,CASE.CASE_ID
--,CASE.CASE_TYP_CD
,CASE.CRTN_DT
--,APLC.PROJ_DESC_TXT
--,TYP.CASE_TYP_DESC
FROM
CTS.TLA_PROP PROP
,CTS.TLOC L
,CTS.TCASE CASE
--,CTS.TAPLC APLC
--,CTS.TREF_CASE_TYP TYP
WHERE
PLAN_AREA_NBR = '1'
AND L.LOC_ID = PROP.PROP_ID
AND CASE.APLC_ID = L.APLC_ID
AND PROP.STR_NM != 'TEST'
--AND CASE.PARNT_CASE_ID IS NULL
ORDER BY
<cfswitch expression="#Form.orderBy#">
<cfcase value="CASENUMBER">
CASE.CASE_NBR
</cfcase>
<cfcase value="CREATIONDATE">
CASE.CRTN_DT
</cfcase>
</cfswitch>
</cfquery>

<cfswitch expression="#Form.outputFormat#">
<cfcase value="HTML,PDF">
<cfsavecontent variable="htmlData">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Citywide Cases Report</title>
</head>
<style type="text/css">
td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
th{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#FFFF99;
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
</style>
<body>
<cfoutput>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td align="center">
<h3>Citywide Cases
Report</h3><br><br></td>
</tr>
<tr>
<td align="center">
</h2>Your query returned #getCityWideCases.RecordCount#
records</h2></td>
</tr>
<tr>
<td>
<table border="2" cellpadding="2" cellspacing="0">
<tr>
<th>Record Number</th>
<th width="120">Case Number</th>
<TH>Creation Date</TH>
</tr>
<cfloop query="getCityWideCases">
<tr bgcolor="<cfif currentrow mod
2>GHOSTWHITE<cfelse>WHITE</cfif>">
<td>#CurrentRow#</td>
<Td>#CASE_NBR#</td>
<td>#dateformat(CRTN_DT,"mm/dd/yyyy")#</td>
</tr>
</cfloop>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
</cfoutput>
</cfsavecontent>
<cfswitch expression="#Form.outputFormat#">
<cfcase value="HTML">
<cfoutput>
#htmldata#
</cfoutput>
</cfcase>
<cfcase value="PDF">
PDF
<cfdocument format="pdf">
<cfoutput>
#htmldata#
</cfoutput>
</cfdocument>
</cfcase>
</cfswitch>
</cfcase>
<cfcase value="CSV">
<CFHEADER NAME="Content-Disposition" VALUE="attachment;
filename=citywide.csv">
<cfcontent type="application/msexcel">"Case
Number","Creation Date"
<cfoutput
query="getCityWideCases">#ltrim(CASE_NBR)#,"#dateformat(CRTN_DT,"mm/dd/yyyy")#"
</cfoutput>
<cfabort>
</cfcase>
</cfswitch>
<cfquery name="getCityWideCases" datasource="cts9i">
SELECT
--PROP.STR_NBR
--,PROP.STR_FRAC_NBR
--,PROP.STR_FRAC_NBR_RNG_END
--,PROP.STR_DIR_CD
PROP.STR_NM
--,PROP.STR_SFX_CD
--,PROP.STR_SFX_DIR_CD
--,PROP.STR_UNIT_TYP_CD
--,PROP.UNIT_NBR
--,PROP.PROP_ID
--,PROP.ZIP_CD
,CASE.CASE_NBR
--,CASE.CASE_ID
--,CASE.CASE_TYP_CD
,CASE.CRTN_DT
--,APLC.PROJ_DESC_TXT
--,TYP.CASE_TYP_DESC
FROM
CTS.TLA_PROP PROP
,CTS.TLOC L
,CTS.TCASE CASE
--,CTS.TAPLC APLC
--,CTS.TREF_CASE_TYP TYP
WHERE
PLAN_AREA_NBR = '1'
AND L.LOC_ID = PROP.PROP_ID
AND CASE.APLC_ID = L.APLC_ID
AND PROP.STR_NM != 'TEST'
--AND CASE.PARNT_CASE_ID IS NULL
ORDER BY
<cfswitch expression="#Form.orderBy#">
<cfcase value="CASENUMBER">
CASE.CASE_NBR
</cfcase>
<cfcase value="CREATIONDATE">
CASE.CRTN_DT
</cfcase>
</cfswitch>
</cfquery>

<cfswitch expression="#Form.outputFormat#">
<cfcase value="HTML,PDF">
<cfsavecontent variable="htmlData">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Citywide Cases Report</title>
</head>
<style type="text/css">
td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
th{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#FFFF99;
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
</style>
<body>
<cfoutput>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td align="center">
<h3>Citywide Cases
Report</h3><br><br></td>
</tr>
<tr>
<td align="center">
</h2>Your query returned #getCityWideCases.RecordCount#
records</h2></td>
</tr>
<tr>
<td>
<table border="2" cellpadding="2" cellspacing="0">
<tr>
<th>Record Number</th>
<th width="120">Case Number</th>
<TH>Creation Date</TH>
</tr>
<cfloop query="getCityWideCases">
<tr bgcolor="<cfif currentrow mod
2>GHOSTWHITE<cfelse>WHITE</cfif>">
<td>#CurrentRow#</td>
<Td>#CASE_NBR#</td>
<td>#dateformat(CRTN_DT,"mm/dd/yyyy")#</td>
</tr>
</cfloop>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
</cfoutput>
</cfsavecontent>
<cfswitch expression="#Form.outputFormat#">
<cfcase value="HTML">
<cfoutput>
#htmldata#
</cfoutput>
</cfcase>
<cfcase value="PDF">
PDF
<cfdocument format="pdf">
<cfoutput>
#htmldata#
</cfoutput>
</cfdocument>
</cfcase>
</cfswitch>
</cfcase>
<cfcase value="CSV">
<CFHEADER NAME="Content-Disposition" VALUE="attachment;
filename=citywide.csv">
<cfcontent type="application/msexcel">"Case
Number","Creation Date"
<cfoutput
query="getCityWideCases">#ltrim(CASE_NBR)#,"#dateformat(CRTN_DT,"mm/dd/yyyy")#"
</cfoutput>
<cfabort>
</cfcase>
</cfswitch>

For the mail app specifically, you can't. You can set font size for the system overall in accessiblity (Settings app > General > Accessibility > Large Text), but this will not impact some emails (such as those using graphics).

Can i change font size in jasper exported Html report

how can i change font size in jasper exported Html report.
i also want table in that html report.

So when is it going to be possible, I ask, as this is a question I and many others ask after each update!

Changing the font size does not work with Textarea with HTML Editor

If you change the font size in the text area of a "Textarea with HTML Editor" item it does not work. I've searched the forum and the only solution I've seen is to use an HTML editor foriegn to APEX. Does anyone have a better solution? Thanks, Elizabeth

I'm having a similar issue except with HTML Editor Standard.
What I'm doing is allow someone to write to an HTML Editor Standard field and then an HTML marked up text is saved to a db CLOB column. In another page, I reference this DB column and show it in an HTML Region (I do a computation Before Regions for a hidden item that writes out the html with "htp.p")
Everything shows up fine EXCEPT the font tags and headings. I'm finding that the HTML Region sets the font size only with the < d i v s t y l e="font-size: large" >and NOT < f o n t size:6 >. When the HTML Editor renders the user's text input, any size changes are made with the < f o n t > tag, which is depreciated anyways, and not with "style". That's why the size is not showing up.
I can't really figure out why the headings aren't showing up except maybe the css style in the region is overridding it...
Is there another APEX item type like HTML Editor (which uses FCKEditor) that I can use, or maybe another approach to remedy this issue? Or maybe this post calls for an enhancement with the HTML Editor?{size}{size}
</div>
Edited by: maui26 on Mar 4, 2009 10:43 AM

How does "HTML font size" work ?

I spent a long time fighting with the <html> <Font. face=serif size=xxx>
Originally I tried to set the size to 24, 20, 18 or -1, or -2. This gave strange results. Either my letter size was much higher than I was expecting, or very small when using negative numbers.
After many tries, I noticed that by using size=1, size=2, size= 3, and so on, works much better.
So I'm looking for information about the relationship between these values and the heigth (or width) number of points.
Thanks to anyone who may help me.
Gege

The <font> tag is depreacted.
"What's Wrong With FONT?" - http://www.mcsr.olemiss.edu/%7Emudws/font.html
Use something like styles instead. You'll see that the font sizes aren't as surprising this way.
Example:
These should all be about the same size (using IE).
Note that the third (using percentage) will change when
the user changes their browser's text size (ie: View -> Text Size)
<span style="font-size:16px">Text</span><br/>
<span style="font-size:12pt">Text</span><br/>
<span style="font-size:100%">Text</span><br/>See also - http://www.w3schools.com/html/html_fonts.asp

HTML font size in Oracle Reports 11g

I am migrating from Oracle Reports 10g in OAS to Reports 11g in WebLogic.
However when I display all changed reports using Web Browser (same), the font size is changed(comparing the 10g reports to 11g reports). I would like to keep unchanged.
(command using DESTYPE=HTML)
May anybody can give me some guidance? (would like to see if there are any file or setting in EM which can alter the size of font in web)
Thanks.
Edited by: 817748 on 2011/7/19 上午 9:45

There is a better forum: {forum:id=84} for your question

Is there a way to change the font-size in the html element

I notice that by default, the font-size in the boilerplate.css file is set to 100%. Is there a way to set it to something else such as 62.5%? I would like to see exactly what my content will look like in my WordPress theme. I build my themes using a font-size of 62.5%. This make's it very easy to do the arithmetic when using the "rem" unit.
I tried manually changing the size in the css boilerplate file but that did not work. If this cannot be done in the current version, I may be a usful feature in a future version. Thanks.

If you click on "Body" in the status bar and select the Styling tab, you can set the text properties that cascade from the body element.

Different font sizes in Explorer and Safari

Hi there, before I go completely nuts can someone give me a
hand with figuring out how I can get my plain old body text to
display at the same size in both Explorer and Safari.
I am using a Mac myself, but when entering text at size 1, it
is displaying larger in Explorer (at about the size I want) and
very small in Safari (too small to be easily readable). I have done
some research and thought cascading style sheets might be the way
to go but I have also read that the some text problems occur when
using cascading style sheets.
I haven't bothered with them previously as there hasn't been
that much text to bother with them.
Has anyone got any tips, or has used CSS to fix this problem?
Regards,
Elle V
p.s. if you are using a mac, you can check out what I mean by
viewing www.homestylefinance.com.au/company.html in both browsers.
I would be interested in hearing from a PC user to see if they are
seeing the same thing.

You can define your text sizes in many different ways:
points, pixels, em,
percentages, etc.
I personally use a percentage to define my base font-size in
my style sheet,
and then declare different text sizes in em's for different
selectors. I'd
stay away from points (which it sounds like you're using them
- due to the
fact that cross-browser display varies). I'd also stay away
from pixels,
because IE users can not resize their browser text size.
My personal suggestion would be to use em's to declare your
font sizes. Here
is an example of something you could put in your CSS document
(which you'll
want to start using):
body { font-size: 100%; }
.text1 { font-size: .75em }
HTH, take care.
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"Elle V" <[email protected]> wrote in
message
news:e89ngu$ga6$[email protected]..
> Hi there, before I go completely nuts can someone give
me a hand with
> figuring
> out how I can get my plain old body text to display at
the same size in
> both
> Explorer and Safari.
>
> I am using a Mac myself, but when entering text at size
1, it is
> displaying
> larger in Explorer (at about the size I want) and very
small in Safari
> (too
> small to be easily readable). I have done some research
and thought
> cascasing
> style sheets might be the way to go but I have also read
that the some
> text
> problems occur when using cascading style sheets.
>
> I haven't bothered with them previously as there hasn't
been that much
> text to
> bother with them.
>
> Has anyone got any tips, or has used CSS to fix this
problem?
>
> Regards,
>
> Elle V
>
>

Flex Spark Datagrid - Scalable (font size) with No scroll Bars

I was wondering what would be the most optimized way to scale (increase/decrease) the fonts size in a Spark DataGrid with NO Scroller, so as to make it when the User Resizes the DataGrid, the Fonts inside the Grid would increase/decrease.
Is there a way to listen for the size change of the DataGrid?
I would probably need to change the font size to increase/decrease as the event gets fired on Datagrid Resize.
Any suggestions?

I've pasted as much code as I can legally can. What i would like to achieve is that when the the window resizes, the Content & the DataGrid Scales. I am also aware of scalemode on the VBox, though it scale oddly with width more than height (this is internal).
Else, I tried:
protected function vgroup1_addedToStageHandler(event:Event):void
            //stage.scaleMode = StageScaleMode.EXACT_FIT;
            stage.scaleMode = StageScaleMode.SHOW_ALL;
            stage.align = StageAlign.TOP_LEFT;
            scaleX = .5;
            scaleY = .5;
            /* if(stage.stageWidth != (event.currentTarget as VGroup).width || stage.stageHeight != (event.currentTarget as VGroup).height)
                var scaling:Number = 1;
                if(width>height)
                    scaling = stage.stageWidth / (event.currentTarget as VGroup).width;
                else
                    scaling = stage.stageHeight / (event.currentTarget as VGroup).height;
                scaleX = scaleY = scaling;
== THIS IS All I can Post ==
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:components="components.*"
     viewSourceURL="srcview/index.html">
    <fx:Script>
    <![CDATA[
        import mx.events.FlexEvent;
        import mx.events.ResizeEvent;
        import mx.rpc.events.ResultEvent;
        import mx.rpc.xml.SimpleXMLDecoder;
        import mx.utils.ArrayUtil;
        import mx.utils.ObjectUtil;
        import spark.components.ResizeMode;
        import spark.effects.Resize;
        // Skin Colors
        private const ALTERNATING_GRID_COLOR:Array = [ 0xF5F5F0 , 0xE7E4E9 ];
        private const ROLL_OVER_COLOR:int = 0x6D9960;
        private const SELECTION_COLOR:int = 0x668F59;
        private const TEXT_FONT_SIZE:int = 11;
        private const TEXT_COLOR:int = 0x080808;
        private const SUMMARY_TEXT_COLOR:int = 0xFAAFFF;
        // First column width
        private var collectiveFirstColumnWidth:int = 160;
        private var collectiveValuesColumnWidth:int = 50;
        // XML data
        [Bindable] private var portfolioSummary1:XMLList;
        [Bindable] private var reconstructedAC:ArrayCollection;
        private function convertXmlToArrayCollection(file:String):ArrayCollection {
            var xml:XMLDocument = new XMLDocument(file);
            var decoder:SimpleXMLDecoder = new SimpleXMLDecoder();
            var data:Object = decoder.decodeXML(xml);
            var array:Array = ArrayUtil.toArray(data);
            return new ArrayCollection(array);
        private function convertToAC():void {
            var ac1:ArrayCollection = convertXmlToArrayCollection(psr1)
            trace(ObjectUtil.toString(ac1));
            //reStructureAC(ac1);
        private function restructureXMLIntoHierarchicalAC():void {
        private function addProperty(obj:Object, attribute:String, value:String):Object {
            var o:Object = obj;
            o[attribute] = value;
            return o;
        protected function httpservice1_resultHandler(event:ResultEvent):void
            portfolioSummary1 = event.result.Analytics.Side.Analytic as XMLList;
            trace('-----\nSide: Sell' + ObjectUtil.toString(event.result.Analytics.Side.(@name=='Sell')));
            trace('-----\nSide: Buy: Analytic Values : \n' + ObjectUtil.toString(event.result.Analytics.Side.(@name=='Buy').Analytic.@value));
            //dg.dataProvider = new XMLListCollection(portfolioSummary1);
            //dg.requestedRowCount = dg.dataProviderLength;
        protected function vgroup1_addedToStageHandler(event:Event):void
            //stage.scaleMode = StageScaleMode.EXACT_FIT;
            stage.scaleMode = StageScaleMode.SHOW_ALL;
            stage.align = StageAlign.TOP_LEFT;
            scaleX = .5;
            scaleY = .5;
            /* if(stage.stageWidth != (event.currentTarget as VGroup).width || stage.stageHeight != (event.currentTarget as VGroup).height)
                var scaling:Number = 1;
                if(width>height)
                    scaling = stage.stageWidth / (event.currentTarget as VGroup).width;
                else
                    scaling = stage.stageHeight / (event.currentTarget as VGroup).height;
                scaleX = scaleY = scaling;
        protected function vgroup1_resizeHandler(event:ResizeEvent):void
            (event.currentTarget as VGroup).resizeMode = ResizeMode.SCALE;
    ]]>
    </fx:Script>
    <fx:Declarations>
        <fx:XML id="psr1" source="data/PortfolioSummaryResponse1.xml" />
        <fx:XML id="psr2" source="data/PortfolioSummaryResponse2.xml" />
        <fx:XML id="psr3" source="data/PortfolioSummaryResponse3.xml" />
        <s:XMLListCollection id="headXMLListCol"
            source="{psr1.children()}" />
        <s:HTTPService id="portfolio_HS" result="httpservice1_resultHandler(event)"
            resultFormat="e4x" url="data/PortfolioSummaryResponse1.xml" />
    </fx:Declarations>
    <s:VGroup id="vbox" width="100%" height="100%" top="0" left="0" bottom="0" gap="0" addedToStage="vgroup1_addedToStageHandler(event)">
        
        <components:ExpandableDataGrid5 id="dg"
            color="{TEXT_COLOR}"
            rollOverColor="{ROLL_OVER_COLOR}"
            alternatingRowColors="{ALTERNATING_GRID_COLOR}"
            selectionColor="{SELECTION_COLOR}"
            skinClass="skins.ResizableDataGridSkin"
            >
            <components:columns>
                <s:ArrayList>
                    <s:GridColumn id="field1" dataField="dataField1" headerText="Portfolio Summary"
                        itemRenderer="itemRenderers.LeftAlignGridItemRenderer"
                        headerRenderer="itemRenderers.HeaderGridItemRenderer"
                        />
                    <s:GridColumn id="field2" dataField="dataField2" headerText="Buy"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        headerRenderer="itemRenderers.RightAlignHeaderGridItemRenderer"
                        />
                    <s:GridColumn id="field3" dataField="dataField3" headerText="Sell"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        headerRenderer="itemRenderers.RightAlignHeaderGridItemRenderer"
                        />
                    <s:GridColumn id="field4" dataField="dataField4" headerText="Total"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        headerRenderer="itemRenderers.RightAlignHeaderGridItemRenderer"
                        />
                </s:ArrayList>
            </components:columns>
            <components:dataProvider>
                <s:ArrayCollection>
                    <fx:Object dataField1="data1" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data2" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data3" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data4" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data5" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data6" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data7" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data8" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data9" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data10" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data11" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                    <fx:Object dataField1="data12" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data13" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data14" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                    <fx:Object dataField1="data15" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
                </s:ArrayCollection>
            </components:dataProvider>
        </components:ExpandableDataGrid5>
        
        <components:SummaryRow >
            <s:Label text="Summary Totals" fontWeight="bold" color="{SUMMARY_TEXT_COLOR}"/>
            <s:Spacer width="100%" />
            <s:ButtonBar click="convertToAC()">
                <mx:ArrayCollection>
                    <fx:String>Convert to AC</fx:String>
                    <fx:String>CPS</fx:String>
                </mx:ArrayCollection>
            </s:ButtonBar>
            <s:ButtonBar click="restructureXMLIntoHierarchicalAC()">
                <mx:ArrayCollection>
                    <fx:String>Parse XML</fx:String>
                    <fx:String>15% POV</fx:String>
                </mx:ArrayCollection>
            </s:ButtonBar>
        </components:SummaryRow>
        
        <components:ExpandableDataGrid5 id="dg2"
            color="{TEXT_COLOR}"
            rollOverColor="{ROLL_OVER_COLOR}"
            selectionColor="{SELECTION_COLOR}"
            alternatingRowColors="{ALTERNATING_GRID_COLOR}"
            skinClass="skins.HeadlessDataGridSkin"
            >
            <components:columns>
                <s:ArrayList>
                    <s:GridColumn dataField="dataField1"
                        itemRenderer="itemRenderers.LeftAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField2"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField3"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField4"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                </s:ArrayList>
            </components:columns>
            <s:ArrayList>
                <fx:Object dataField1="data16" dataField2="data2" dataField3="data2" dataField4="data16"></fx:Object>
                <fx:Object dataField1="data17" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
            </s:ArrayList>
        </components:ExpandableDataGrid5>
        
        <components:SummaryRow>
            <s:Label text="Summary Totals - Values" width="100%" fontWeight="bold" color="{SUMMARY_TEXT_COLOR}"/>
        </components:SummaryRow>
        
        <components:ExpandableDataGrid5 id="dg3"
            color="{TEXT_COLOR}"
            rollOverColor="{ROLL_OVER_COLOR}"
            selectionColor="{SELECTION_COLOR}"
            alternatingRowColors="{ALTERNATING_GRID_COLOR}"
            skinClass="skins.HeadlessDataGridSkin"
            >
            <components:columns>
                <s:ArrayList>
                    <s:GridColumn dataField="dataField1"
                        itemRenderer="itemRenderers.LeftAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField2"
                        itemRenderer="itemRenderers.ToolTipItemRenderer"
                        />
                    <s:GridColumn dataField="dataField3"
                        itemRenderer="itemRenderers.ToolTipItemRenderer"
                        />
                    <s:GridColumn dataField="dataField4"
                        itemRenderer="itemRenderers.ToolTipItemRenderer"
                        />
                </s:ArrayList>
            </components:columns>
            <s:ArrayList>
                <fx:Object dataField1="data18" dataField2="data2" dataField3="data3" dataField4="data16"></fx:Object>
                <fx:Object dataField1="data19" dataField2="data3" dataField3="data3" dataField4="data17"></fx:Object>
            </s:ArrayList>
        </components:ExpandableDataGrid5>
        
        <components:SummaryRow>
            <s:Label text="Percent of Tops" color="{SUMMARY_TEXT_COLOR}" width="100%" fontWeight="bold"/>
        </components:SummaryRow>
        
        <components:ExpandableDataGrid5 id="dg4"
            color="{TEXT_COLOR}"
            rollOverColor="{ROLL_OVER_COLOR}"
            selectionColor="{SELECTION_COLOR}"
            alternatingRowColors="{ALTERNATING_GRID_COLOR}"
            skinClass="skins.HeadlessDataGridSkin"
            >
            <components:columns>
                <s:ArrayList>
                    <s:GridColumn dataField="dataField1"
                        itemRenderer="itemRenderers.LeftAlignGridItemRenderer" />
                    <s:GridColumn dataField="dataField2"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField3"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                    <s:GridColumn dataField="dataField4"
                        itemRenderer="itemRenderers.RightAlignGridItemRenderer"
                        />
                </s:ArrayList>
            </components:columns>
            <s:ArrayList>
                <fx:Object dataField1="data20" dataField2="data1" dataField3="data1" dataField4="data20"></fx:Object>
                <fx:Object dataField1="data21" dataField2="data2" dataField3="data2" dataField4="data21"></fx:Object>
                <fx:Object dataField1="data22" dataField2="data3" dataField3="data3" dataField4="data22"></fx:Object>
            </s:ArrayList>
        </components:ExpandableDataGrid5>
    </s:VGroup>
</s:Application>
ExpandableDataGrid5.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:DataGrid xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx"
            horizontalScrollPolicy="off"
            verticalScrollPolicy="off"
            selectionMode="singleCell"
            variableRowHeight="true"
            requestedColumnCount="4"
            width="100%"
            resizableColumns="false"
            creationComplete="thisDatagrid_creationCompleteHandler(event)"
            >
    <fx:Script>
        <![CDATA[
             import mx.events.FlexEvent;
            /*import mx.events.ResizeEvent;
            [Bindable] private var oldWidth:int;
            [Bindable] private var oldHeight:int;
            protected function thisDatagrid_resizeHandler(event:ResizeEvent):void
                oldWidth = event.oldWidth;
                oldHeight = event.oldHeight;
                this.invalidateDisplayList();
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
                if (oldWidth < width) {
                    setStyle('fontSize', getStyle('fontSize') + 0.5); // might wanna~ width % height to increase by a certain pt
                    //this.scaleX += .1;
                } else if (oldWidth > width) {
                    setStyle('fontSize', getStyle('fontSize') - 0.5);
                    //this.scaleX -= .1;
                trace('unscaledWidth: ' + unscaledWidth);
                trace('unscaledHeight: ' + unscaledHeight);
                trace('explicitMinHeight: ' + explicitMinHeight);
                trace('explicitMinWidth: ' + explicitMinWidth);
                minHeight = measuredMinHeight;
                super.updateDisplayList(unscaledWidth, unscaledHeight);
            protected function thisDatagrid_creationCompleteHandler(event:FlexEvent):void
                requestedRowCount = dataProviderLength;
                requestedMaxRowCount = dataProviderLength;
                requestedMinRowCount = dataProviderLength;
                minHeight = measuredHeight;
            /* protected function datagrid1_addedToStageHandler(event:Event):void
                stage.scaleMode = StageScaleMode.SHOW_ALL;
                /*                stage.align = StageAlign.TOP;
                 this.width = stage.stageWidth;
                this.height = stage.stageHeight;
        ]]>
    </fx:Script>
</s:DataGrid>
You can Check other ExpandableDataGrids:
<?xml version="1.0" encoding="utf-8"?>
<s:DataGrid xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx"
            resize="thisDatagrid_resizeHandler(event)"
            creationComplete="thisDatagrid_creationCompleteHandler(event)"
            horizontalScrollPolicy="off" verticalScrollPolicy="off"
            selectionMode="singleCell"
            variableRowHeight="true"
            requestedColumnCount="4"
            editable="false"
            width="100%"
            >
    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;
            import mx.events.ResizeEvent;
            protected function thisDatagrid_resizeHandler(event:ResizeEvent):void
                //event.stopImmediatePropagation();
                if (event.oldWidth < width) {
                    setStyle('fontSize', getStyle('fontSize') + 0.5); // might wanna~ width % height to increase by a certain pt
                    //this.scaleX += .1;
                } else if (event.oldWidth > width) {
                    setStyle('fontSize', getStyle('fontSize') - 0.5);
                    //this.scaleX -= .1;
                minWidth = measuredMinWidth;
            protected function thisDatagrid_creationCompleteHandler(event:FlexEvent):void
                requestedRowCount = dataProviderLength;
                requestedMaxRowCount = dataProviderLength;
                requestedMinRowCount = dataProviderLength;
                minHeight = measuredMinHeight;
        ]]>
    </fx:Script>
</s:DataGrid>
OR
<?xml version="1.0" encoding="utf-8"?>
<s:DataGrid xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx"
            horizontalScrollPolicy="off"
            verticalScrollPolicy="off"
            selectionMode="singleCell"
            variableRowHeight="true"
            requestedColumnCount="4"
            width="100%"
            resize="thisDatagrid_resizeHandler(event)"
            creationComplete="thisDatagrid_creationCompleteHandler(event)"
            >
    <fx:Script>
        <![CDATA[
             import mx.events.FlexEvent;
             import mx.events.ResizeEvent;
            [Bindable] private var oldWidth:int;
            [Bindable] private var oldHeight:int;
            protected function thisDatagrid_resizeHandler(event:ResizeEvent):void
                oldWidth = event.oldWidth;
                oldHeight = event.oldHeight;
                this.invalidateDisplayList();
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
                if (oldWidth < width) {
                    setStyle('fontSize', getStyle('fontSize') + 0.5); // might wanna~ width % height to increase by a certain pt
                    //this.scaleX += .1;
                } else if (oldWidth > width) {
                    setStyle('fontSize', getStyle('fontSize') - 0.5);
                    //this.scaleX -= .1;
                trace('unscaledWidth: ' + unscaledWidth);
                trace('unscaledHeight: ' + unscaledHeight);
                trace('explicitMinHeight: ' + explicitMinHeight);
                trace('explicitMinWidth: ' + explicitMinWidth);
                minHeight = measuredMinHeight;
                super.updateDisplayList(unscaledWidth, unscaledHeight);
            protected function thisDatagrid_creationCompleteHandler(event:FlexEvent):void
                requestedRowCount = dataProviderLength;
                requestedMaxRowCount = dataProviderLength;
                requestedMinRowCount = dataProviderLength;
                minHeight = measuredHeight;
        ]]>
    </fx:Script>
</s:DataGrid>

ADF: Font size issue using JDEVADF_MAIN_GENERIC_070112.1145.4385

Hi,
Even I have the exact same issue with my jspx pages.
I am on the EMAIGC_MAIN_LINUX label using JDEVADF_MAIN_GENERIC_070112.1145.4385
I have a tableLayout in my template code, that I use to layout the contents of my jspx page. After I remove the <afh:tableLayout>, the following fonts are affected and work fine -
1. The font of the top File menu that Ravi mentions below.
2. The Navigation tree that we have on the left side of the page.
3. The 'emptyText' of the <af:table> component.
4. The 'help' facet of the <af:panelLabelAndMessage> component.
If I put the tableLayout back again, the large size (16px) fonts in the above areas reappear.
Coming back to the problem -
Now, the Navigation tree, that I have mentioned above, helps me to navigate to a different page.
Once, I click on the navigation tree's node to navigate to the second page, and the page loads, I find that the fonts in the above four afore-mentioned areas go back to the larger size (16px), thus making the removal of the tableLayout useless. Both the initial page and the second page use the same hierarchy of templates and styles.
When I try loading the first/initial page again, the fonts are all fine and proper (11px).
Can someone please help resolve this issue as this is quite a deterrent to achieving a proper looking UI.
Please let me know if anyone needs access to my working env and jspx files.
Thanks,
Arya.
Please let us know the
ravishankar.belavadi wrote:
Hello All,
I have a small issue with the fonts in the presentation of my jspx pages
The File menu on the Top turns into a larger font size when my jspx
pages are invoked.
So I was getting to the most basics to ensure the font size remains
same. Removed all the components of my JSPX page came to bare minimum
where I had a
Just the PanelGroupLayout and TableLayout.
In the TableLayout what I have used , If I remove the table Layout the
fonts come correctly and If I put the tableLayout back the fonts becomes
larger.
1. I am not understanding if ther is any relation in using tableLayout
inside panelGroupLayout ?? 2. How can I ensure the fonts are consistent
with the framework. ?
<af:panelGroupLayout id="selectPlugin_manualSelect" visible="true"
inlineStyle="width:80%; height:100px;">
* <trh:tableLayout borderWidth="0" inlineStyle="width:80%;
height:100px;">

</trh:tableLayout>*
</af:panelGroupLayout>
I have attached the selectPlugin.jspx where the font size is going to be
bigger and if you remove the tableLayout in the above highlighted code
the fonts come correctly.
Please kindly reply.
Thanks
Ravi
<?xml version='1.0' encoding='utf-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:trh="http://xmlns.oracle.com/trinidad/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich" version="1.2"
xmlns:bib="http://xmlns.oracle.com/dss/adf/faces">
<jsp:directive.page contentType="text/html;charset=utf-8"/>
<f:view>
<f:loadBundle basename="oracle.sysman.core.pagemodel.emxplugin.PluginMsg"
var="PluginMsg"/>
<f:loadBundle basename="oracle.sysman.core.pagemodel.emxplugin.PluginToolTipMsg"
var="PluginToolTipMsg"/>
<f:loadBundle basename="oracle.sysman.resources.CommonResourceBundle"
var="commonbundle"/>
<af:document maximized="true" title="#{sdk_pagetemplate_model.pageTitle}">
<af:form>
<f:verbatim>
<![CDATA[
<script>
* Shows the popup dialog
function showValidatePopup()
var component = AdfPage.PAGE.findComponent("deployPlugin_validatePopup");
component.show();
function hideValidatePopup()
var component = AdfPage.PAGE.findComponent("deployPlugin_validatePopup");
component.hide();
function showTablePopulationPopup()
var component = AdfPage.PAGE.findComponent("deployPlugin_tablePopulationPopup");
component.show();
function hideTablePopulationPopup()
var component = AdfPage.PAGE.findComponent("deployPlugin_tablePopulationPopup");
component.hide();
</script>
]]>
</f:verbatim>
<af:pageTemplate id="emTemplate" viewId="/sdk/templateDefNoForm.jspx">
<f:facet name="emContent">

<af:panelGroupLayout id="selectPlugin_grp_layout1" layout="scroll" inlineStyle="width:100%">
<af:panelGroupLayout id="selectPlugin_grp_layout2" layout="horizontal" inlineStyle="vertical-align:top;width:100%">

<af:panelHeader id="selectPlugin_panelHeader" text="#{PluginMsg.DEPLOY_SELECT_PLUGIN}"/>

<af:panelGroupLayout id="selectPlugin_grp_layout3" layout="horizontal" halign="end">
<af:commandButton id="selectPlugin_button1" text="#{PluginMsg.CONTINUE}" action="#{pageFlowScope.emxplugin_model_deploy.handleContinue}" disabled="true" shortDesc = "#{PluginToolTipMsg.CONTINUE}"/>
<af:spacer width="10"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
<af:spacer height="10" />
<af:outputText id="selectPlugin_output_text1" value="#{PluginMsg.SELECT_PLUGIN_NOTE}" />
<af:spacer height="10"/>
<af:selectOneRadio autoSubmit="true" id="selectPlugin_picker" value="metalink"
valueChangeListener="#{pageFlowScope.emxplugin_view_deploy.radioValueChange}"
layout="horizontal" immediate="true">
<af:selectItem value="metalink" id="selectPlugin_selectItem_picker1"
                    shortDesc = "#{PluginToolTipMsg.DOWNLOAD_METALINK}"
label="#{PluginMsg.METALINK_DOWNLOAD}"/>
<af:selectItem value="manual" id="selectPlugin_selectItem_picker2"
                    shortDesc = "#{PluginToolTipMsg.MANUAL_ARCHIVE}"
                    label="#{PluginMsg.MANUAL_SELECT}"/>
</af:selectOneRadio>
<af:spacer height="10"/>


<af:panelGroupLayout id="selectPlugin_manualSelect" visible="true" inlineStyle="width:80%; height:100px;">
<trh:tableLayout borderWidth="0" inlineStyle="width:80%; height:100px;">


</trh:tableLayout>
</af:panelGroupLayout>

<af:panelGroupLayout id="selectPlugin_metalinkSelect" partialTriggers="selectPlugin_picker"
visible="true">
<af:panelGroupLayout id="selectPlugin_grp_layout4" layout="horizontal" halign="right" inlineStyle="width:800px" >
<af:outputText id="selectPlugin_output_text2" value="#{PluginMsg.METALINK_SETUP_SUCCESS}" inlineStyle="white-space:nowrap;" />
<af:spacer width="10"/>
<af:commandButton id="selectPlugin_button3" text="#{PluginMsg.METALINK_SETUP}"
                    shortDesc = "#{PluginToolTipMsg.METALINK_SETUP}" partialSubmit="true"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
<af:spacer height="20" />







<af:panelGroupLayout id="selectPlugin_grp_layout9" layout="horizontal" halign="end" inlineStyle="vertical-align:bottom;">
<af:commandButton id="selectPlugin_button5" text="#{PluginMsg.CONTINUE}"
               shortDesc = "#{PluginToolTipMsg.CONTINUE}"
               action="#{pageFlowScope.emxplugin_model_deploy.handleContinue}" disabled="true" />
<af:spacer width="10"/>
</af:panelGroupLayout>
</af:panelGroupLayout>

</f:facet>
</af:pageTemplate>
<af:popup id="deployPlugin_validatePopup">
<af:dialog okVisible="true"
cancelVisible="false"
modal="true"
title="#{commonbundle.ERROR}"
id="validateDialog"
titleIconSource="/images/critical.gif"
dialogListener="#{pageFlowScope.emxplugin_view_deploy.handleValidatePopup_OK}">
<af:panelGroupLayout>
<af:panelHeader id="consiceMsg"
inlineStyle="width:320px;height:120px">
<af:spacer width="5"/>
<af:outputFormatted id="detailedMsg" styleClass="AFInstructionText"
     value="#{pageFlowScope.emxplugin_model_deploy.validationError}"/>
</af:panelHeader>
</af:panelGroupLayout>
</af:dialog>
</af:popup>
<af:popup id="deployPlugin_tablePopulationPopup">
<af:dialog okVisible="true"
cancelVisible="false"
modal="true"
title="#{commonbundle.ERROR}"
id="tablePopulationDialog"
titleIconSource="/images/critical.gif"
dialogListener="#{pageFlowScope.emxplugin_view_deploy.handleTablePopulationPopup_OK}">
<af:panelGroupLayout>
<af:panelHeader id="consiceMsg"
inlineStyle="width:320px;height:120px">
<af:spacer width="5"/>
<af:outputFormatted id="detailedMsg" styleClass="AFInstructionText"
value="#{pageFlowScope.emxplugin_model_deploy.validationError}"/>
</af:panelHeader>
</af:panelGroupLayout>
</af:dialog>
</af:popup>
</af:form>
</af:document>
</f:view>
</jsp:root>

Hi,
JDEVADF_MAIN_GENERIC_070112.1145.4385 is an internal build. Please post this question to the internal forum. Also, if this turns out to be a bug, please file it.
Frank

Html on Jlabel font size varies

Similar Messages

Maybe you are looking for