Auto adjust RichColumn header text width

Hi.
My column in RichTable (11g) has a header title "X". In the backing bean I programatically change it to "XXXXXXXXXXXXX".
How can I adjust column header width so it will include the whole "XXXXXXXXXXXXX" text.
Of course I can set the width of the column , but I need to know how to calculate the width according to the text length
Please advice

can you try setting the column width to 100% or having it in a panelStretchLayout ?

Similar Messages

  • TableView auto resize columns based on header text width or cell content

    Is there a method on the tableview or tablecolumn to automatically resize based on the content of the hearder or data?
    If not what approach can used used with JavaFX to calculate the string width based on the current font?

    The table column size is inconsistent, I set the columns in the table view and the items in the initialize method. I execute a service and task from a button action that loads data into the list, if I don't reset the columns in the table view in the succeed method then each column is the same width regardless of the content in the cells. If I do reset the table columns in the succeed method then the columns are resized based on content.
    I don't think it should be a requirement to reset the columns just to get the column widths to set based on the content in the cells. Is there a method on the table column or view that will resize the cells based on the cell content? I would prefer the largest value; column header content or the longest cell content for a column.

  • Auto adjust column width in multicolumn listbox

    Hi
    May I know, does multicolumn listbox has a function / control to auto adjust the column width?  If not, how can I solve this problem, as user could not view the full data if the width that I set is too small. It would be annoying if the user need to adjust it manually each time they get the data from database....
    Any advise??? TQQQQQ......

    Hello 222,
    I've already seen a few threads about "auto adjust multi-column listbox column width", as far as I can remember, there is not such option in LV 7.1 (I don't know about LV 8).
    Meanwhile I think there are option that can allow the user the modify column width at runtime. This plus an horizontal scrollbar should be the alternative... I know it is not "perfect" for the user.
    You also have the possibility to do a function that will compare the string length to the column width, and to programatically increase the width if needed.
    Personnaly I wouldn't go for this but this is your choice
    When my feet touch the ground each morning the devil thinks "bloody hell... He's up again!"

  • Auto Populate  Header Text in-ERS(MRRL)

    HI Guru's,
    Iam new to MM
    Using with T.Code:MRRL  Evaluate Reciept Settlement( ERS) Logical INvoice Verification. posting FI Document..my client wants to auto polulate PO Item Text (ekpo-txz01) into BSEG-SGTXT.for all line itmes.. is there any config settings need to change? any one can please advice me..
    I  excute the T.Code: MRRL following FI Documents Posting..
    1 31 305556     Black Bag and Access
    2 86 202002     GR/IR - Non FA         (Displaying Text for thislline item)
    3 40 106002     Input GST          
    regards
    JK

    Hi,
    To copy PO item text to the FI doc item text, it means they need to have a 1 to 1 relationship.  So when running MRRL, you must use Document Selection '3' (Document selection per order item).
    You can implement user exit MRMH0001 to copy the PO item text to the logistics invoice item text which should then propagate to the FI doc item text.  Make sure currently in FI there is no substitution rule that overwrites the item text field.
    Another thing to consider is that PO item text can be multiple lines with hundreds of characters where as BSEG-SGTXT is only 50 char long.
    Phyllis.

  • Using Auto Adjustable Fluid Grid Layout Divs to balance two columns

    I have a header band, two columns and then a footer band in the layout that I'm working on.I have Div on each side that is set to "Auto" for height so that the two column lengths appear to be the same size when they get to the footer band. That is how I envisioned it, in practice, "Auto" only seems to adjust to the text inside the respective divs.
    Something that"hould" be soesy has gotten me banging my head for four days. I thught I had a solution, using "nesting tags" but saw that was not supported.
    Any ideas?

    http://whatwouldwaltdo.businesscatalyst.com/fl0916.html
    Source code:
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <link href="boilerplate.css" rel="stylesheet" type="text/css">
    <link href="/FL916.css" rel="stylesheet" type="text/css">
    <link href="/stylesheets/FL.css" rel="stylesheet" type="text/css">
    <link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="respond.min.js"></script>
    <script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="bannertop"><img src="/images/Walt w CMS PIN.fw.png" alt="Walt Disney with Disneyland Cast Members (1966)"></div>
      <div id="ticker">This is the content for Layout Div Tag "ticker"</div>
    <div id="blocker">
      <div id="leftcolumn">This is the content for Layout Div Tag "leftcolumn"
          <div id="Accordion1" class="Accordion" tabindex="0">
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">HOME</div>
              <div class="AccordionPanelContent">
              <img src="/images/graphics/pagetitles/toallwhocome.gif" alt="The opening line of Walt Disney's dedication speech at Disneyland, &quot;To all who come to this happy place, welcome ...&quot;" width="192" align="absmiddle">
              </div>
            </div>
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">Pins</div>
              <div class="AccordionPanelContent">
                  <p>Ordering</p>
                  <p>Presenting a Pin</p>
                  <p>Collectors' Corner</p>
                  <p>Why a Pin?</p>
              </div>
            </div>
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">Cast Members</div>
              <div class="AccordionPanelContent">
                  <p>Newest</p>
                  <p>Nominate Your Own</p>
                  <p>Alphabetical</p>
                  <p>By Company/Location</p>
                <p>By WWWD Pin</p>
                <p>Cast Members' Reactions</p>
              </div>
            </div>
            <div class="AccordionPanel">
                  <div class="AccordionPanelTab">Traditions</div>
                <div class="AccordionPanelContent">
                <p>Guests' Traditions</p>
                  <p>Share Your Traditions</p>
                </div>
              </div>
            <div class="AccordionPanel">
                  <div class="AccordionPanelTab">Adventures</div>
                  <div class="AccordionPanelContent">
                <p>Guests' Adventures</p>
                  <p>Share Your Adventures</p></div>
              </div>
            <div class="AccordionPanel">
                  <div class="AccordionPanelTab">City Hall</div>
                  <div class="AccordionPanelContent">
                <p>Waltisms</p>
                <p>The WWWD Story</p>
                  <p>About Us</p>
                  <p>That First Trip</p>
                  <p>About Us</p>
                  <p>Ordering</p>
                  <p>About Us</p>
                  <p>Ordering</p></div>
              </div>
        </div>
        <div id="social">This is the content for Layout Div Tag "social"</div>
        <div id="printer">This is the content for Layout Div Tag "printer"</div>
        <div id="banner"><img src="/images/graphics/reg sidebargraphic.gif" alt="White Mickey head with a circle of stars on a blue field"></div>
      </div>
      <div id="copy">This is the content for Layout Div Tag "copy"<br><br><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
                Legacy Inc. </FONT><BR>
                <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
                of Founder's Legacy, Inc.</FONT></P>
              <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
                of the Disney Store.com Affiliate Network. As such we are authorized
                to display the Disney Store banner on any or all of our webpages.
                Founder's Legacy is also listed with The Disneyland Resort Press &
                Publicity Department, images used are with their permission.</FONT></P>
              <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
                of The Walt Disney Company. The only other relationship between Founder's
                Legacy, Inc. and The Walt Disney Company is various members of the
                Founder's Legacy Inc.'s Board of Directors and/or their family are
                shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
                <BR>
                Additional disclosures for the benefit of insomniacs may be enjoyed
                in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
      Page & Privacy Policy</A></FONT> </P></div>
      </div>
    <div id="mission"><FONT
                 COLOR="#000081"><B>Our Mission Statement</B></FONT>
          <BLOCKQUOTE>
        <P><FONT color="#D50000" SIZE="+2"><em>To restore Magical Guest experiences through recognizing outstanding Cast Members.</em></FONT></P>
            </div>
    <div id="awards"><table width="100%" border="0" cellpadding="0">
      <tr>
        <TD VALIGN="middle" ALIGN="CENTER"><a href="http://LaughingPlace.com"><img src="/Assets/graphics/Affiliations/LPLogoHighest.gif" width="96" height="82" border="1" alt="LaughingPlace.com"></a></TD>
        <TD VALIGN="middle" ALIGN="CENTER"><img src="/Assets/graphics/Affiliations/seek-button01.gif" width="120" height="80"
                 border="0"></TD>
        <TD WIDTH="1" VALIGN="middle" ALIGN="CENTER"><a href="http://disney.go.com/investors/index.html"><img src="/Assets/graphics/Affiliations/shareholder.gif" width="106" height="48"
                 border="1"></a></TD>
        <TD VALIGN="middle" ALIGN="CENTER"> <img src="/Assets/graphics/Affiliations/safewave.gif" width="78" height="74"
                 border="1"></TD>
        <TD VALIGN="middle" ALIGN="CENTER"><a href="http://wdwig.com/"><img src="/Assets/graphics/Affiliations/125x125allearsnet.gif" width="120" height="120" border="0"></a></TD>
      </tr>
    </table></div>
    <div id="bigbottom"><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
                Legacy Inc. </FONT><BR>
                <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
                of Founder's Legacy, Inc.</FONT></P>
              <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
                of the Disney Store.com Affiliate Network. As such we are authorized
                to display the Disney Store banner on any or all of our webpages.
                Founder's Legacy is also listed with The Disneyland Resort Press &
                Publicity Department, images used are with their permission.</FONT></P>
              <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
                of The Walt Disney Company. The only other relationship between Founder's
                Legacy, Inc. and The Walt Disney Company is various members of the
                Founder's Legacy Inc.'s Board of Directors and/or their family are
                shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
                <BR>
                Additional disclosures for the benefit of insomniacs may be enjoyed
                in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
      Page & Privacy Policy</A></FONT> </P></div>
    </div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>
    Stylesheet:
    @charset "utf-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
        max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:        5;
        dw-num-cols-tablet:        8;
        dw-num-cols-desktop:    12;
        dw-gutter-percentage:    25;
        Inspiration from "Responsive Web Design" by Ethan Marcotte
        http://www.alistapart.com/articles/responsive-web-design
        and Golden Grid System by Joni Korpi
        http://goldengridsystem.com/
    /* Mobile Layout: 480px and below. */
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 87.36%;
        padding-left: 1.82%;
        padding-right: 1.82%;
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bannertop {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #ticker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #blocker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #leftcolumn {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #copy {
        clear: none;
        float: left;
        margin-left: 4.1666%;
        width: auto;
        display: block;
    #leftnav {
        clear: none;
        float: left;
        margin-left: 4.1666%;
        width: 100%;
        display: block;
    #social {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 35px;
    #printer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #banner {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #mission {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #awards {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bigbottom {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 481px) {
    .gridContainer {
        width: 90.675%;
        padding-left: 1.1625%;
        padding-right: 1.1625%;
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bannertop {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #ticker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #blocker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #leftcolumn {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #copy {
        clear: none;
        float: left;
        width: 55%;
        display: block;
        margin: 0%;
    #leftnav {
        clear: none;
        float: left;
        margin-left: 2.5641%;
        width: 100%;
        display: block;
    #social {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #printer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 35.8974%;
        display: block;
    #banner {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #mission {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #awards {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bigbottom {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width: 769px) {
    .gridContainer {
        width: 88.5%;
        max-width: 1232px;
        padding-left: 0.75%;
        padding-right: 0.75%;
        margin: auto;
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bannertop {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #ticker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #blocker {
        clear: both;
        float: left;
        margin-left: 0;
        width: 74.5762%;
        display: block;
        border-top-width: thick;
        border-right-width: thick;
        border-bottom-width: thick;
        border-left-width: thick;
        border-top-style: none;
        border-right-style: ridge;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #C10B0F;
        border-right-color: #C10B0F;
        border-bottom-color: #C10B0F;
        border-left-color: #C10B0F;
    #leftcolumn {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #copy {
        clear: none;
        float: left;
        margin-left: 1.6949%;
        width: 100%;
        display: block;
    #leftnav {
        clear: none;
        float: left;
        margin-left: 1.6949%;
        width: 100%;
        display: block;
    #social {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #printer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #banner {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #mission {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #awards {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #bigbottom {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;

  • Header text not responsive at smart phone size & BG question

    The header text doesn't fit into the view for a smart phone. I don't know how to correct that other than to change my width from 85% to 100% when at the smallest size (if that can be done). Help?
         I thought it would be better to ask this next question on a new thread but both needed the code so I'll add that here:
    The purse (& butterfly) images have an incomplete BG color. The partial upper BG color comes from div hover which really isn't a functional div. Since the image boxes are within the body but not a separate div I don't know how to get BG color (same as footer). help?
    Code:
    <!DOCTYPE>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Lapinel Arts Leatherwork</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
    <style>
    box-sizing: border-box;
    body {
        margin: 0;
        padding: 0;
        background: #fff;
        font: 14px/20px 'Lucida Sans',sans-serif;
        background-color: #cfc6b0;
    .wrap {
    overflow: hidden;
    .box {
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    margin-bottom: 24px;
    .boxInner {
    position: relative;
    text-align: center;
    margin: 0 12px;
    overflow: hidden;
    img {
    max-width: 100%;
    .titleBox {
        position: absolute;
        bottom: 10px;
        left: 130px;
        right: 0px;
        margin-bottom: -50px;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        padding: 10px;
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    .titleBox h2 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 5px 0;
    .titleBox a {
    text-decoration: none;
    color: #fff;
    .boxInner:hover .titleBox {
    margin-bottom: 0;
    @media only screen and (max-width : 768px) {
    .box {
    width: 50%;
    margin-bottom: 24px;
    @media only screen and (max-width : 480px) {
    .box {
    width: 100%;
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
    </style>
    <style>
    section, header, nav {
        display: block;
        background-color: #cfc6b0;
        box-sizing: border-box;
    body{
        font-family: 'Marcellus', normal;
        background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
        font-size: 90%;
        line-height: 140%;
        color: #555;
        margin: 0 auto;
        padding: 0;
        background-color: #FFF;
        width: 1000px;
        max-width: 85%;
    #hover-image {
        background-color: #cfc6b0;
        text-align: center;
        height: 2000px
        overflow: hidden;
    img {
    max-width: 100%;
    height: auto;
    .container {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    color: #000;
    header h1 {
    font-size: 300%;
    line-height: 150%;
    text-align: center;
    letter-spacing: 4px;
    padding: 20px 0;
    color: #000;
    font-weight: bold;
    /* top level navigation */
    nav {
        background-color: #E5E4E2;
    nav ul {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    nav li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    nav a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 25px;
        color: #000;
    nav a:hover {
        background-color: #cfc6b0;
        color: #000;
    nav span {
    display: none;
    /* droplist navigation */
    nav ul ul {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 2em;
    background-color: #E5E4E2;
    text-align: left!important;
    display: none;
    nav ul ul li a {
    display: block;
    width: 12em;
    border-top: 1px dotted #ccc;
    .about {
    padding: 0 8%;
    margin: 0 auto;
    text-align: center;
    background-color: #E5E4E2;
    .about h2 {
        font-size: 260%;
        line-height: 200%;
        margin: 0;
        padding: 0;
        color: #000;
    .about p {
    font-size: 110%;
    line-height: 150%;
    margin: 0;
    padding: 0 0 20px 0;
    .productsWrapper {
    background-color: #000;
    overflow: hidden;
    padding: 30px 25px;
    .product {
    float: left;
    width: 25%;
    padding: 12px;
    text-align: center;
    color: #fff;
    .product img {
    border: 1px solid #fff;
    .view_details {
    text-decoration: none;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px dotted #ccc;
    color: #555;
    background-color: #fff;
    .view_details:hover {
    background-color: #E5E4E2;
    #mobileTrigger {
    padding: 10px 25px;
    font-size: 120%;
    display: none;
    color: #000;
    footer {
    clear: both;
    background-color: #cfc6b0;
    padding: 30px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    footer a {
    text-decoration: none;
    color: #000;
        float: left;
        width: 33.33%;
        color: #000;
        border: #000
    .footerBox {
        float: left;
        width: 33.33%;
        color: #000;
    @media screen and (max-width: 768px) {
        .container {
    width: 100%;
    .product {
    width: 50%;
    #mobileTrigger {
    display: block;
    text-align: right;
    nav ul {
    display: none;
    nav li {
    display: block;
    text-align: left;
    nav a {
    display: block;
    font-size: 120%;
    border-top: 1px dotted #ccc;
    nav span {
    display: inline-block;
    float: right;
    font-size: 130%;
    /* droplist navigation */
    nav ul ul {
    position: static;
    nav ul ul li a {
    width: 100%;
    @media screen and (max-width: 480px) {
    .product {
    float: none;
    width: 100%;
    body,td,th {
    font-family: Marcellus, normal;
    #copyright {
    color: #000;
    font-weight: bold;
    </style>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script>
    $(document).ready(function() {
    //activate mobile navigation icon when window is 768px
    $('#mobileTrigger').css('cursor','pointer').click(function() {
    $('#mobileTrigger i').toggleClass('fa-bars fa-times');
    $('nav ul').toggle();
    // show main desktop navigation onresize/hide sub navigation
    $(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() > 768) {
    $('nav ul').show();
    $('nav ul ul').hide();
    //listen for navigation li being clicked
    $('nav ul li').click(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //events if window is less than 768px
    if ($(window).width() < 768) {
    //stops submenu sliding up when mouse leaves mobile
    $('nav ul ul').show();
    else {
    //activate desktop submenu on hover
    $('nav ul li').mouseenter(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //desktop submenu slides up when mouse leaves ul/li
    $('nav ul ul').mouseleave(function() {
    $(this).slideUp();
    $('nav ul li').mouseleave(function() {
    $(this).find('ul').slideUp();
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    </style>
    </head>
    <body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
    <header>
    <h1>LAPINEL ARTS LEATHERWORKS</h1>
    <nav>
    <div id="mobileTrigger"><i class="fa fa-bars"></i></div>
    <ul>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">PROCESS</a></li>
    <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
    <ul>
    <li><a href="#">PURSES</a></li>
    <li><a href="#">POUCHES</a></li>
    <li><a href="#">TOTES</a></li>
    <li><a href="#">WALLETS</a></li>
    </ul>
    </li>
    <li><a href="#">CART</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    </header>
    <section class="about">
    <h2>PURSES</h2>
    <p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
    <p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
    </section>
    <div id="hover-image">
    <div class="wrap">
    <!-- Define all of the tiles: -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end wrap -->
    <footer>
      <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
    <div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
    <div class="footerBox">COPYRIGHT 2015</div>
    </footer>
    </div>
    </body>
    </html>

    <!DOCTYPE>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Lapinel Arts Leatherwork</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
    <style>
         box-sizing: border-box;
    body {
        margin: 0;
        padding: 0;
        background: #fff;
        font: 85%/90% 'Lucida Sans',sans-serif;
        background-color: #cfc6b0;
    .wrap {
         overflow: hidden;
    .box {
        float: left;
        position: inherit;
        width: 25%;
        text-align: center;
        margin-bottom: 24px;
        white-space: inherit;
    .boxInner {
         position: relative;
         text-align: center;
         margin: 0 12px;
         overflow: hidden;
    img {
         max-width: 100%;
    .titleBox {
        position: absolute;
        bottom: 10px;
        left: 130px;
        right: 0px;
        margin-bottom: -50px;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        padding: 10px;
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    .titleBox h2 {
         font-size: 16px;
         margin: 0;
         padding: 0 0 5px 0;
    .titleBox a {
         text-decoration: none;
         color: #fff;
    .boxInner:hover .titleBox {
         margin-bottom: 0;
    </style>
    <style>
    section, header, nav {
        display: block;
        background-color: #cfc6b0;
        box-sizing: border-box;
    body {
        font-family: 'Marcellus', normal;
        background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
        font-size: 90%;
        line-height: 140%;
        color: #555;
        margin: 0 auto;
        padding: 0;
        background-color: #FFF;
        width: 1000px;
        max-width: 85%;
    #hover-image {
        background-color: #cfc6b0;
        text-align: center;
        height: 2000px
        overflow: hidden;
        overflow: hidden;
    img {
         max-width: 100%;
         height: auto;
    .container {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    color: #000;
    header h1 {
         font-size: 300%;
         line-height: 150%;
         text-align: center;
          letter-spacing: 4px;
          padding: 20px 0;
          color: #000;
          font-weight: bold;
    /* top level navigation */
    nav {
         background-color: #E5E4E2;
    nav ul {
         display: block;
         text-align: center;
         margin: 0;
         padding: 0;
    nav li {
         margin: 0;
         padding: 0;
         display: inline;
         position: relative;
    nav a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 25px;
        color: #000;
    nav a:hover {
        background-color: #cfc6b0;
        color: #000;
    nav span {
         display: none;
    /* droplist navigation */
    nav ul ul {
         position: absolute;
         z-index: 1000;
         left: 0;
         top: 2em;
         background-color: #E5E4E2;
         text-align: left!important;
         display: none;
    nav ul ul li a {
         display: block;
         width: 12em;
         border-top: 1px dotted #ccc;
    .about {
         padding: 0 8%;
         margin: 0 auto;
         text-align: center;
         background-color: #E5E4E2;
    .about h2 {
        font-size: 260%;
        line-height: 200%;
        margin: 0;
        padding: 0;
        color: #000;
    .about p {
         font-size: 110%;
         line-height: 150%;
         margin: 0;
         padding: 0 0 20px 0;
    .productsWrapper {
         background-color: #000;
         overflow: hidden;
         padding: 30px 25px;
    .product {
         float: left;
         width: 25%;
         padding: 12px;
         text-align: center;
         color: #fff;
    .product img {
         border: 1px solid #fff;
    .view_details {
         ext-decoration: none;
         display: inline-block;
         padding: 15px 20px;
         border-radius: 6px;
         border: 1px dotted #ccc;
         color: #555;
         background-color: #fff;
    .view_details:hover {
         background-color: #E5E4E2;
    #mobileTrigger {
         padding: 10px 25px;
         font-size: 120%;
         display: none;
         color: #000;
    }footer {
         clear: both;
         background-color: #cfc6b0;
         padding: 30px;
         color: #fff;
         text-align: center;
         overflow: hidden;
    footer a {
         text-decoration: none;
         color: #000;
        float: left;
        width: 33.33%;
        color: #000;
        border: #000
    .footerBox {
        float: left;
        width: 33.33%;
        color: #000;
    </style>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script>
    $(document).ready(function() {
    //activate mobile navigation icon when window is 768px
    $('#mobileTrigger').css('cursor','pointer').click(function() {
    $('#mobileTrigger i').toggleClass('fa-bars fa-times');
    $('nav ul').toggle();
    // show main desktop navigation onresize/hide sub navigation
    $(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() > 768) {
    $('nav ul').show();
    $('nav ul ul').hide();
    //listen for navigation li being clicked
    $('nav ul li').click(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //events if window is less than 768px
    if ($(window).width() < 768){
    //stops submenu sliding up when mouse leaves mobile
    $('nav ul ul').show();
    else {
    //activate desktop submenu on hover
    $('nav ul li').mouseenter(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //desktop submenu slides up when mouse leaves ul/li
    $('nav ul ul').mouseleave(function() {
    $(this).slideUp();
    $('nav ul li').mouseleave(function() {
    $(this).find('ul').slideUp();
    function MM_swapImgRestore() { //v3.0
         var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
         var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
         var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
         if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
         var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
          if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
         for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
         var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
          if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    </style>
    <style>
    @media screen and (max-width: 768px) {
    .container {
         width: 100%;
    .product {
         width: 50%;
    #mobileTrigger {
         display: block;
         text-align: right;
    nav ul {
         display: none;
    nav li {
         display: block;
         text-align: left;
    nav a {
         display: block;
         font-size: 120%;
         border-top: 1px dotted #ccc;
    nav span {
         display: inline-block;
         float: right;
         font-size: 130%;
    /* droplist navigation */
    nav ul ul {
         position: static;
    nav ul ul li a {
         width: 100%;
    body: {
        font-size: 100%;
    @media screen and (max-width: 480px) {
    .product {
         float: none;
         width: 100%;
    body: {
        font-size: 95%;
    body,td,th {
         font-family: Marcellus, normal;
    #copyright {
         color: #000;
         font-weight: bold;
    </style>
    </head>
    <body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
    <header>
    <h1>LAPINEL ARTS LEATHERWORKS</h1>
    <nav>
    <div id="mobileTrigger"><i class="fa fa-bars"></i></div>
         <ul>
              <li><a href="#">ABOUT US</a></li>
              <li><a href="#">PROCESS</a></li>
              <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
         <ul>
                   <li><a href="#">PURSES</a></li>
                   <li><a href="#">POUCHES</a></li>
                   <li><a href="#">TOTES</a></li>
                   <li><a href="#">WALLETS</a></li>
    </ul>
    </li>
    <li><a href="#">CART</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    </header>
    <section class="about">
    <h2>PURSES</h2>
    <p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
    <p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
    </section>
    <div id="hover-image">
    <div class="wrap">
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <!-- end wrap -->
    <footer>
    <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
    <div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
    <div class="footerBox">COPYRIGHT 2015</div>
    </footer>
    </div>
    </body>
    </html>

  • Section Header Text Background Color

    Hi have a catalog that has a running section header that will be placed over a black graphic the width of the page header.  I would like to have a white background box appear the length of the header section text, but not be the full length of the text box defined on the master pages for the header.  I would like to do this in an automated fashion rather than manual placing the graphic around the header text on each page.  It won't work to place a white box under the text as it is part of the background already being a master page item, or am I missing something.  In brief can I have a background color that dynamically adjusts to the length of a text string?
    Thanks,
    Dave

    If that text has a character style (or if it doesn't give it one) make the character style include an underline, then make that underline really thick and give it a baseline shift.  The same technique is commonly used for highlighting.  There's a few other options you can play around with in the underline options too.

  • How to auto adjust container dimensions

    Is there a property I can set on Canvases, Panels, or other containers that would make them auto-adjust their height/width dimensions based on the child components.  Basically, I would like for this to happen at load AND during run time.  So if you update a Text control in a Canvas container it will resize itself so you can see everything.
    Or do I have to write some complicated function to do this?

    Sorry, I answered my own question about 2 minutes after asking it.  When I got rid of the "width = 100%" attributes from the Text controls it worked.  You also have to make sure you dont initially set the width and height values for the container.

  • How do you reset the Work Area Bar to auto adjust?

    This is something that's been a thorn in my side for a while. Maybe I'm just being OCD about it... but I've been wondering if there is a way, once you reposition the I / O points of the Work Area Bar (WAB) you can get Pr to go back to auto adjusting it to the end of your clip.
    You can double-click it to get it to expand to the full length of the sequence, if you remember to do that... Sometimes I'm in a rush, or I have 10 sequences and I miss the fact that my WAB is not all the way to the end. I select and batch drag them all to Media Encoder and *POW*... I've forgotten to stretch the Out to end on one sequence ... and I have to re-render. A pain, yes, something I should have double checked, but at 2am these things can get missed.
    So, can you get the Work Area Bar to auto adjust again?
    If yes, it's probably something ridiculously obvious – but I'll take it!
    Thanks
    Stephen

    I would have an issue with auto or a default  for a number of reasons.
    Not least this one...
    I now place dummy clip ( black video)  a  distance off the end of my sequence to prevent the End of Sequence Marker displaying at the end of my edited material.  I dont want that included in an export.
    Here is another...
    As I get to lock down and I am sending previews to clients...I insert Black Video head and tail of the edit so that the preview does not start  jarringly on first frame video.  I have I and Os marked so that I can simply  export "Program at length (without black head and tail) when I  come to master.
    and...
    Often I have edit versions (TVCs) on the same time line ( sequence) and I need to adjust WAB or I/Os to export them separately.
    Automating stuff to eliminate our dumb moments doesnt help much because it just opens the chance of another dumb moment driven by expectation and forgetfulness. .
    Mental checklist is the only way IMHO.

  • Header Text Of The PR to PO creation: Header Copy Rule

    Hi Friends,
    Is there any workaround to set  copy rule at header note of PR . As standard sap, there is no header text rule available; may be multiple PRs can be converted into single PO. But I still needed this functionality as there would be only PR has to be converted into single PO.
    Which bapi / exit can be used for this functionality . I need to reflect the header text of the PR  into PO Header auto.
    Regards,
    Lalit

    hI,
    There is no user exist available to get header text in the PO as per my knowledge.I had similiar kind of requirement ,at that time I dird the research for the same.
    Regards,
    Nitin Amritkar

  • How to auto adjust the height of my div tag?

    This is my website www.whistleandlisten.com
    The white background is a div tag and whenever I add new content within the div tag I want it to auto adjust to extend the white div tag down as the page gets longer. I have tried css and set my height to auto but that makes it disappear. Right now I have to set it to a certain amount of pixels which gets annoying and sometimes I forget to after adding lots of content. PLEASE HELP.

    To have an extensible height element, you should not apply the height property as you have done starting at line 9 of songcss.css
    #whitediv
      position: absolute;
      left: 50%;
      margin-left: -490px;
      top: 0px;
      width: 950px;
      height: 2900px;
      z-index: 1;
      background-color: #ffffff;
      background-image: none;
      background-repeat: repeat;
      background-attachment: scroll;
      background-position: 0% 0%;
      background-clip: border-box;
      background-origin: padding-box;
      background-size: auto auto;
      color: #ffffff;
      box-shadow: #ffffff;
      overflow-x: visible;
      overflow-y: visible;

  • Find header-text in VA01 before save

    In a salesorder creation (VA01) I have inserted a text in the header.
    Goto - header - text.
    Before saving the document, I need to see if there is any text - and what the text is.
    The tables are  not updated, so I can't make a look-up there.
    Any suggestions?
    Br
    Lars

    Hi
    I found this old post with valuable info from Bianchi, but there was no complete example, so here is one.
    I made this solution in a VL01N exit, but it should be quit easy to adjust it to work in VA01, and many other transactions.
    * Get the texts
       DATA: memory_id(30).
       DATA theader LIKE thead.
       DATA BEGIN OF catalog OCCURS 50.
               INCLUDE STRUCTURE tcatalog.
       DATA END OF catalog.
    * 1. Get catalog of current texts - 
    *  the catalog links the text ids (TDID) to an internal id for the temporary texts
       REFRESH catalog.
       IMPORT catalog FROM MEMORY ID 'SAPLSTXD'.
       IF sy-subrc > 0.
         CLEAR catalog. REFRESH catalog.
       ENDIF.
    * Find internal catalog id for text Z022
       LOOP AT catalog WHERE tdobject = 'VBBK'
                         AND tdid   = 'Z022'.
         EXIT.
       ENDLOOP.
       IF sy-subrc = 0.
    * Build memory id for the selected text id (Z022)
         CONCATENATE 'SAPLSTXD' catalog-id INTO memory_id.
    * Import data from memory
         IMPORT thead TO theader
                tline TO it_lines
         FROM MEMORY ID memory_id.
    * I didn't bother to investigate the following routine - it just seems to be working
         PERFORM read_reference_lines(saplstxd)
                                      TABLES it_lines
                                       USING sy-mandt
                                             theader.
    * IT_LINES now contains the temporay text in same format as
    * if it was read from database with function module READ_TEXT
         LOOP AT it_lines ASSIGNING <fs_lines>.
           CASE sy-tabix.
             WHEN 1.
               g_tline_z022_1 = <fs_lines>.
             WHEN 2.
               g_tline_z022_2 = <fs_lines>.
             WHEN 3.
               g_tline_z022_3 = <fs_lines>.
             WHEN 4.
               g_tline_z022_4 = <fs_lines>.
             WHEN 5.
               g_tline_z022_5 = <fs_lines>.
             WHEN OTHERS.
               EXIT.
           ENDCASE.
         ENDLOOP.
       ENDIF.
    Message was edited by: Thomas Madsen Nielsen
    PS. This example will only work in create mode (VL01N). In Change mode VL02N you need in some cases to read the data from database with READ_TEXT.

  • Issue with printing of header text

    hii frnds ,
    my problem is i am   getting the header text printed properly but the text is not getting displayed whenever the user enters a numeric value without any gaps ... i have seen while debuging that the text is properly getting fetched and the cursor is also passing through the text field but the text is not getting printed in my layout . i am using a script for this .
    thanking you
    rohit gupta

    Use Below code to get your text..
    data: begin of int_rtline occurs 0.
              include structure tline.
      data: end of int_rtline.
    data : rheat type string.
    data : itab_r  like swastrtab    occurs 0 with header line.
    Get the Heating and Cooking Instruction
    get material heating instructions from material master
      call function 'READ_TEXT'
           EXPORTING
                client                  = sy-mandt
                id                      = 'IVER'
                language                = sy-langu
                name                    = tdname
                object                  = 'MATERIAL'
           TABLES
                lines                   = int_rtline
           EXCEPTIONS
                id                      = 1
                language                = 2
                name                    = 3
                not_found               = 4
                object                  = 5
                reference_check         = 6
                wrong_access_to_archive = 7
                others                  = 8.
      loop at int_rtline.
        if rheat = space.
          concatenate 'COOKING INSTRUCTIONS: '
                      rheat int_rtline-tdline
                      into rheat.
        else.
          concatenate rheat int_rtline-tdline
              into rheat separated by space.
        endif.
      endloop.
    Depends on ur Layout Width for each line print number of charcter,here i mentioned 92 char.
      IF NOT rheat IS INITIAL.
        CALL FUNCTION 'SWA_STRING_SPLIT'
             EXPORTING
                  input_string                 = rheat
                  max_component_length         = 92
             TABLES
                  string_components            = itab_r
             EXCEPTIONS
                  max_component_length_invalid = 1
                  OTHERS                       = 2.
        IF sy-subrc <> 0.
        ENDIF.
    LOOP AT itab_r.
    Print ur data.
    Endloop.
    Reward Points if it is helpful
    Thanks
    Seshu

  • HP 23xi Monitor gets fuzzy despite driver and auto adjustment

    I have a HP pavilion dv2000 windows Vista with a HP 23xi monitor hookep up throug VGA. I installed the driver from HP's website and the text was no longer blured nor the images stretched. However, every single time I unplug my laptop and replug it back to the monitor the text gets blurry again... No matter what I do, auto adjustment, resolution, etc..
    Can you help me fix this?
    Thank you.

    Please provide the complete model name and/or product number of the HP computer in question. HP/Compaq makes thousands of models of computers that are all different. The above requested information can be found on the bottom of your computer or inside the battery compartment.
    The information you have provided, "HP pavilion dv2000", is incomplete and only identifies a series of computer models.
    Please unplug the power from the monitor and then hold the power button in for 30 seconds. This should reset the monitor. See if that resolved your issues.
    Please click the white KUDOS star to show your appreciation
    Frank
    {------------ Please click the "White Kudos" Thumbs Up to say THANKS for helping.
    Please click the "Accept As Solution" on my post, if my assistance has solved your issue. ------------V
    This is a user supported forum. I am a volunteer and I don't work for HP.
    HP 15t-j100 (on loan from HP)
    HP 13 Split x2 (on loan from HP)
    HP Slate8 Pro (on loan from HP)
    HP a1632x - Windows 7, 4GB RAM, AMD Radeon HD 6450
    HP p6130y - Windows 7, 8GB RAM, AMD Radeon HD 6450
    HP p6320y - Windows 7, 8GB RAM, NVIDIA GT 240
    HP p7-1026 - Windows 7, 6GB RAM, AMD Radeon HD 6450
    HP p6787c - Windows 7, 8GB RAM, NVIDIA GT 240

  • WD ABAP: Problem with Header text wrapping in Table Column

    Hi,
    I am unable to achieve Header Text wrapping for the TABLE columns. I have set the property "HeaderTextWrapping" to TRUE for each column and the "Fixed table layout" property has been set to TRUE.
    Is there some property of the table/column I have to set to achieve this? Or does selection of a specific property remove option of HeaderText Wrapping?
    Thanks,
    Adithya

    hi..
    Try increasing the width of column keeping other thing as it is as you have done. And yes check whether cell editor property wrapping is set true.

Maybe you are looking for

  • DisAssembling  a PDF based on a text string on the page

    I am looking for some guidance (and an example if at all possible) on how to disassemble a multipage pdf based on text like "Tax ID" contained on certain pages. The result is that I am looking to break up a document that contains 1000 pages, 100 of t

  • DVI out port output @ 1920x1080?

    I have a 15" macbook pro (2nd gen i believe, it has the full aluminum casing and touchpad supports gestures). I was wondering if the DVI Out supports up to 1920x1080 resolution (without any scaling, ect.)? I was looking to buy a 1920x1080 native LCD

  • USB drive in my mac is disabled. I am running OSX 10.9.2 . How to enable it

    USB drive in my mac is disabled. I am running OSX 10.9.2 . How to enable it

  • Font size limited

    hi, I am doing one smartform. In one text field when i want the font size to be 5. But irrespective of what size you are giving the output is coming in size 8 only. I have tried only paragraph format,only chracter format as well as combination of bot

  • Changing Duration of multiple clips/stills simultaneously.

    I have a boatload of stills that are all at default duration (5:00). I want to change the duration for all of them simultaneously without having to key in each one individually. Thanks, HB