Forum Discussion

Nathan's avatar
Nathan
Ideator I
6 years ago

Cover Page & User Input

Good day all.  I could use some advice on creating a cover page for our BOM report.  If you have read some of my previous posts, you may know that our database is a bit messed up.  I can't change our...
Dialogs
Reporting
UX UI
Nathan's avatar
Nathan
Ideator I
6 years ago

I was able to add fields to the output of the report by using the following line & styles.  The styles present just the box without borders & a light blue background.  Placeholder provides a "note" for the user that goes away as soon as they click in the box.  In one of the lines I added Size.  This made the field short.  I have it inside of a table cell & the normal length would cause the cell to change size. 

I would rather have this setup as a user input window & then the report generated, but this is a suitable workaround until I figure it out.

<input class="no-outline" placeholder="Drawing Number"/>

<input class="no-outline" placeholder="1" size="1"/>

Style

    input {
      border-top-style: hidden;
      border-right-style: hidden;
      border-left-style: hidden;
      border-bottom-style: hidden;
      background-color: #eee;
    }
    .no-outline:focus {
      outline: none;
    }