Form Tutorial 3 - Customize Print Feature

Hi there,

Do you realized the small link at the bottom of your form page? OK please start your JOGET server and open one of your form. You will see something like this:

Try click it (Using Google Chrome because it has Print View function, good stuff but eats too much memory, making it sucks) and you will get something like this:

Why JOGET? Why did you do this to me???

OK now we will change it. Here is how:

1. Go to JOGET Installation folder.
2. Search this folder: apache-tomcat-7.0.39\webapps\jw\css
3. Pick this little fella: userview_print.css
4. Open it using Notepad++ and change the CSS into something below

CSS Code:

#header, #footer, #navigation, #adminBar {
    display: none !important;
}

#main, #content, #page {
    position:fixed;
    left: 0;
    top: 0;
    border:0;
}

.print-button{
    display: none;
}

.adminBarButton {
    display: none;
}

5. And now let's try to print it once again. there you go...