<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: How to create banner in Discussions</title>
    <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489308#M73244</link>
    <description>&lt;P&gt;HListBox has an optional parameter to adjust the horizontal alignment of the child boxes.&amp;nbsp; Try&lt;/P&gt;
&lt;PRE&gt;&lt;CODE class=" language-jsl"&gt;logo = open("company_logo.png", png);
logo &amp;lt;&amp;lt; set size({93, 48});

H List Box(
	Align("Bottom"),
	Picture Box(logo),
	Text Box( "Company Name " )
)&lt;/CODE&gt;&lt;/PRE&gt;</description>
    <pubDate>Fri, 20 May 2022 20:17:58 GMT</pubDate>
    <dc:creator>Jasean</dc:creator>
    <dc:date>2022-05-20T20:17:58Z</dc:date>
    <item>
      <title>How to create banner</title>
      <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489277#M73243</link>
      <description>&lt;P&gt;I'm trying to create a company banner at the top of my html output file, which is saved from a journal.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I using the following jsl code:&lt;/P&gt;&lt;P&gt;&amp;lt;jsl&amp;gt;&lt;/P&gt;&lt;P&gt;logo = open("company_logo.png", png);&lt;BR /&gt;logo &amp;lt;&amp;lt; set size({93, 48});&lt;/P&gt;&lt;P&gt;H List Box(&lt;BR /&gt;Picture Box(logo),&lt;BR /&gt;Text Box( "Company Name " )&lt;BR /&gt;),&lt;/P&gt;&lt;P&gt;&amp;lt;jsl&amp;gt;&lt;/P&gt;&lt;P&gt;The problem I got is the text inside the Text Box is aligned to the top of the image. I need to get the text sitting at the bottom of the image.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;What would be the best way to go about creating a nice report header.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Note: using JMP 16.&lt;/P&gt;</description>
      <pubDate>Fri, 09 Jun 2023 16:59:42 GMT</pubDate>
      <guid>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489277#M73243</guid>
      <dc:creator>NaiveJaguar366</dc:creator>
      <dc:date>2023-06-09T16:59:42Z</dc:date>
    </item>
    <item>
      <title>Re: How to create banner</title>
      <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489308#M73244</link>
      <description>&lt;P&gt;HListBox has an optional parameter to adjust the horizontal alignment of the child boxes.&amp;nbsp; Try&lt;/P&gt;
&lt;PRE&gt;&lt;CODE class=" language-jsl"&gt;logo = open("company_logo.png", png);
logo &amp;lt;&amp;lt; set size({93, 48});

H List Box(
	Align("Bottom"),
	Picture Box(logo),
	Text Box( "Company Name " )
)&lt;/CODE&gt;&lt;/PRE&gt;</description>
      <pubDate>Fri, 20 May 2022 20:17:58 GMT</pubDate>
      <guid>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489308#M73244</guid>
      <dc:creator>Jasean</dc:creator>
      <dc:date>2022-05-20T20:17:58Z</dc:date>
    </item>
    <item>
      <title>Re: How to create banner</title>
      <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489508#M73263</link>
      <description>&lt;P&gt;If you want something like this&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="A JMP report in the right side of a display tree. The left side is a vertical stack of two items." style="width: 604px;"&gt;&lt;img src="https://community.jmp.com/t5/image/serverpage/image-id/42616i34FD4CE20B5D084F/image-size/large?v=v2&amp;amp;px=999" role="button" title="test the logo.png" alt="A JMP report in the right side of a display tree. The left side is a vertical stack of two items." /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;A JMP report in the right side of a display tree. The left side is a vertical stack of two items.&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;You could use something like this&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;PRE&gt;&lt;CODE class=" language-jsl"&gt;dt = Open( "$sample_data/big class.jmp" );
the_report = V List Box( // use vlist for capturing, not displaying
    dt &amp;lt;&amp;lt; Bivariate( Y( :weight ), X( :height ), Fit Line )
);

logo = Icon Box( "JMPLogo" ) &amp;lt;&amp;lt; getpicture; // 262 wide by 152 tall
logo &amp;lt;&amp;lt; set size( {93, 48} );
New Window( "test the logo",
    Border Box( Left( 10 ), top( 10 ),
        H List Box(
            V List Box(
                Picture Box( logo ),
                Text Box( "Company Name " )
            ),
            Border Box( Left( 5 ), the_report )
        )
    )
);&lt;/CODE&gt;&lt;/PRE&gt;
&lt;P&gt;&amp;nbsp;Using a vlistbox for capturing the report will work better than most other boxes in some rare cases. The report notices it is being created inside of the vlist and does not open its own window. I added a little space with left(5) inside the logo boiler plate, and moved the logo away from the edge with left(10), top(10).&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;You don't have to show the window on the screen and manually capture the picture. You could use this:&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;PRE&gt;&lt;CODE class=" language-jsl"&gt;dt = Open( "$sample_data/big class.jmp" );
the_report = V List Box( // use vlist for capturing, not displaying
    dt &amp;lt;&amp;lt; Bivariate( Y( :weight ), X( :height ), Fit Line )
);

logo = Icon Box( "JMPLogo" ) &amp;lt;&amp;lt; getpicture; // 262 wide by 152 tall
logo &amp;lt;&amp;lt; set size( {93, 48} );

logoreport =
    Border Box( Left( 10 ), top( 10 ),
        H List Box(
            V List Box(
                Picture Box( logo ),
                Text Box( "Company Name " )
            ),
            Border Box( Left( 5 ), the_report )
        )
    );

logoreport&amp;lt;&amp;lt;savepicture("f:/test the logo.png");
open("f:/test the logo.png");&lt;/CODE&gt;&lt;/PRE&gt;
&lt;P&gt;To get&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Saved without opening a window." style="width: 617px;"&gt;&lt;img src="https://community.jmp.com/t5/image/serverpage/image-id/42617i51D310FC378F5F67/image-size/large?v=v2&amp;amp;px=999" role="button" title="test the logo.png" alt="Saved without opening a window." /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Saved without opening a window.&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Sat, 21 May 2022 14:30:55 GMT</pubDate>
      <guid>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/489508#M73263</guid>
      <dc:creator>Craige_Hales</dc:creator>
      <dc:date>2022-05-21T14:30:55Z</dc:date>
    </item>
    <item>
      <title>Re: How to create banner</title>
      <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/494705#M73382</link>
      <description>&lt;P&gt;Thanks for taking the time to reply. I never though about putting an Icon Box inside a Picture Box.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Many thanks.&lt;/P&gt;</description>
      <pubDate>Fri, 27 May 2022 16:26:37 GMT</pubDate>
      <guid>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/494705#M73382</guid>
      <dc:creator>NaiveJaguar366</dc:creator>
      <dc:date>2022-05-27T16:26:37Z</dc:date>
    </item>
    <item>
      <title>Re: How to create banner</title>
      <link>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/494710#M73383</link>
      <description>&lt;P&gt;You're welcome! I was just grabbing the picture from the icon to follow your example. It could have used the icon directly, but then I would not have been able to size it.&lt;/P&gt;</description>
      <pubDate>Fri, 27 May 2022 16:29:20 GMT</pubDate>
      <guid>https://community.jmp.com/t5/Discussions/How-to-create-banner/m-p/494710#M73383</guid>
      <dc:creator>Craige_Hales</dc:creator>
      <dc:date>2022-05-27T16:29:20Z</dc:date>
    </item>
  </channel>
</rss>

