ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY HEADING "Cost by Country" ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT OFF ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 700 ON GRAPH SET VAXIS 400 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ TYPE=HEADING, JUSTIFY=CENTER, $ TYPE=HEADING, LINE=1, BACKCOLOR=RGB(255 0 0), $ TYPE=HEADING, LINE=1, ITEM=1, OBJECT=TEXT, FONT='COURIER', SIZE=12, COLOR=WHITE, STYLE=BOLD+ITALIC, $ ENDSTYLE END
ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY -*HEADING -*"Cost by Country" -*ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH HOLD AS MYCHART FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT OFF ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 700 ON GRAPH SET VAXIS 400 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ TYPE=HEADING, JUSTIFY=CENTER, $ TYPE=HEADING, LINE=1, BACKCOLOR=RGB(255 0 0), $ TYPE=HEADING, LINE=1, ITEM=1, OBJECT=TEXT, FONT='COURIER', SIZE=12, COLOR=WHITE, STYLE=BOLD+ITALIC, $ ENDSTYLE END -RUN -HTMLFORM BEGIN <TABLE> <TR><TD bgcolor=red align=center><b>Cost by Country</b></TD></TR> <TR><TD>!IBI.FIL.MYCHART;</TD></TR> </TABLE>
In FOCUS Since 1983 ~ from FOCUS to WebFOCUS. Current: WebFOCUS Administrator at FIS Worldpay | 8204, 8206 |
quote:Originally posted by Doug:
Check this out:ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY -*HEADING -*"Cost by Country" -*ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH HOLD AS MYCHART FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT OFF ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 700 ON GRAPH SET VAXIS 400 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ TYPE=HEADING, JUSTIFY=CENTER, $ TYPE=HEADING, LINE=1, BACKCOLOR=RGB(255 0 0), $ TYPE=HEADING, LINE=1, ITEM=1, OBJECT=TEXT, FONT='COURIER', SIZE=12, COLOR=WHITE, STYLE=BOLD+ITALIC, $ ENDSTYLE END -RUN -HTMLFORM BEGIN <TABLE> <TR><TD bgcolor=red align=center>[b]Cost by Country[/b]</TD></TR> <TR><TD>!IBI.FIL.MYCHART;</TD></TR> </TABLE>
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
quote:SET EMBEDHEADING=ON
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
-HTMLFORM BEGIN <style> .title { background-color: red; width: 100%; text-align: center; left: 0px !important; } <style> -HTMLFORM END
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
quote:The way I would go forward is to use AUTOFIT=ON and the following CSS
quote:Originally posted by Tony A:
The way I would go forward is to use AUTOFIT=ON and the following CSS --HTMLFORM BEGIN <style> .title { background-color: red; width: 100%; text-align: center; left: 0px !important; } <style> -HTMLFORM END
T
ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY ON GRAPH HOLD AS MYCHART FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT ON ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 650 ON GRAPH SET VAXIS 350 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ ENDSTYLE END -RUN -HTMLFORM BEGIN <html> <style> .title { background-color: #004e87; color: white; width: 100%; text-align: center; left: 0px; } </style> <body> <TABLE> <TR><TD class="title"><b>GRAPH TITLE</b></TD></TR> <TR><TD>!IBI.FIL.MYCHART;</TD></TR> </TABLE> </body> </html> -HTMLFORM END
ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY ON GRAPH HOLD AS MYCHART FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT ON ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 650 ON GRAPH SET VAXIS 350 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ ENDSTYLE END -RUN -HTMLFORM BEGIN <html> <head> <style> .title { background-color: #004e87; color: white; width: 100%; text-align: center; left: 0px; position: fixed; top:0; } </style> </head> <body> <div class="title"><b>GRAPH TITLE</b></div> <div id="chart1">!IBI.FIL.MYCHART;</div> </body> </html> -HTMLFORM END
quote:Originally posted by Hallway:
Instead of using a table, try using a div for each element and then give the title div a position of fixed with a top of 0
ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.DEALER_COST CAR.BODY.RETAIL_COST BY CAR.ORIGIN.COUNTRY ON GRAPH HOLD AS MYCHART FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET AUTOFIT ON ON GRAPH SET GRWIDTH 1 ON GRAPH SET UNITS PIXELS ON GRAPH SET HAXIS 650 ON GRAPH SET VAXIS 350 ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ TYPE=DATA, COLUMN=N3, BUCKET=y-axis, $ ENDSTYLE END -RUN -HTMLFORM BEGIN <html> <head> <style> .title { background-color: #004e87; color: white; width: 100%; text-align: center; left: 0px; position: fixed; top:0; } </style> </head> <body> <div class="title">[b]GRAPH TITLE[/b]</div> <div id="chart1">!IBI.FIL.MYCHART;</div> </body> </html> -HTMLFORM END
quote:Originally posted by Hallway:
Interesting. What browser are you using? I tried in IE11, Chrome, Edge, and FF and I can see the top of the scale in every browser.
-HTMLFORM BEGIN <html> <head> <style> .title { background-color: #004e87; color: white; width: 100%; text-align: center; left: 0px; position: fixed; top:0; height: 20px; } body { margin-top: 20px !important; } </style> </head> <body> <div class="title"><b>GRAPH TITLE</b></div> <div id="chart1">!IBI.FIL.MYCHART;</div> </body> </html> -HTMLFORM END
quote:Originally posted by Hallway:
I aplogize. In my haste, I missed in the post that this was in an iframe using the html canvas. Try changing yout HTML FORM to include a height in the title div and add in a margin-top to the body that is equal to the title div height. Make sure that you have the !important on the margin-top of the body, otherwise the html canvas will override it.
-HTMLFORM BEGIN <html> <head> <style> .title { background-color: #004e87; color: white; width: 100%; text-align: center; left: 0px; position: fixed; top:0; height: 20px; } body { margin-top: 20px !important; } </style> </head> <body> <div class="title">[b]GRAPH TITLE[/b]</div> <div id="chart1">!IBI.FIL.MYCHART;</div> </body> </html> -HTMLFORM END
-HTMLFORM BEGIN <html> <head> <style> .title { background-color: #004e87; color: white; width: 100%; left: 0; top: 0; position: fixed; height: 50px; font-weight: bold; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; size: 20px; display: flex; align-items: center; justify-content: center; } body { margin-top: 50px !important; } </style> </head> <body> <div class="title">GRAPH TITLE</div> <div id="chart1">!IBI.FIL.MYCHART;</div> </body> </html> -HTMLFORM END