Creating a mobile friendly version of Papercut User Web Print

 Papercut has a great and easy to use web interface to printing, however it isn't mobile responsive.  This post will make the papercut web interface mostly mobile responsive and I say mostly because there is some tweaking that can be done to make the web version better then what I have below.  This will give you a good start.  This is for a specific use case, in this case the organization is only concerned with printing, and does not archive or want the user to have access to the recent print jobs or summary.

Papercut's User Web Print interface is typically like this.

What the CSS changes I have put down below will change the look from that to this.

You will note the larger text , and buttons.  I have done away with the sidebar; making this much more visible on mobile.

Here is the CSS to make papercut user web print mostly web responsive.

The key is adding "@media (pointer:none), (pointer:coarse) {" to the user-refresh.css located typically in the $Drive\Program Files\PaperCut MF\server\webapp-52403\css\user-refresh.css

The following css will give you a good start on making the papercut web client much more accessible to the user.

@media (pointer:none), (pointer:coarse) {

#main{

margin-left:0px !important;

}

#header{

height:150px !important;

}

#header-logo{

height: 150px !important;

}

#header-logo img{

height: 150px !important;

}

#container:before{

display:none !important;

width:0px !important;

}

h1{

font-size: 48pt !important;

}

h2{

font-size:42pt !important;

}

.filter{

display: none !important;

}

.web-print-intro #web-print-intro-msg{

font-size: 36pt !important;

}

a.btn{

font-size:36pt !important;

margin-left:auto;

margin-right:auto;

padding:36px;

}

table.results th {

    height: auto;

    text-align: left;

    height: 0;

    padding: 8px 1rem;

    text-transform: uppercase;

    letter-spacing: .05em;

    color: rgba(255, 255, 255, 0.7);

    background: #293e50;

    font-size: 14pt;

    line-height: 1;

    font-weight: normal;

    white-space: nowrap !important;

    margin:0px;

    padding: 0px;

}

table.results th, table.results td{

font-size: 21pt !important;

margin:0px;

padding:0px;

}

input[type=checkbox], input[type=radio]{

background-color: #293e50 !important;

margin:4px;

padding:16px;

}

label{

overflow: hidden;

white-space: nowrap;

text-indent: -15px;

width:400px;

}

.wizard-heading{

font-size: 24pt;

}

.no-web-print-jobs{

font-size:18pt;

}

.wizard{

font-size:14pt;

}

.buttons{

font-size:24pt;

padding:12px;

margin-left:auto;

}

.wizard div.buttons input{

font-size:18pt !important;

padding:16px !important;

}

.form{

font-size:18pt !important;

padding:16px !important;

}

.form input{

font-size:18pt !important;

padding:16px !important;

}

td.fields{

font-size:18pt !important;

padding:16px !important;

}

.dropzone-div{

font-size:18pt !important;

padding:16px !important;

}

#dropzone-table{

font-size:18pt !important;

padding:16px !important;

}

#file-format-details{

font-size:12pt !important;

}

#dropzone-button{

font-size:18pt !important;

padding:16px !important;

}

#upload-from.dz-clickable{

font-size:16pt !important;

padding:16px !important;

}

th.desc{

padding:0px !important;

}

.dz-filename{

font-size:16pt !important;

}

.dz-size{

font-size:16pt !important;

}

.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img{

width:200px !important;

height: 200px !important;

}

td{

font-size:16pt !important;

}

.smallText, .help-block {

    font-size: 18pt !important;

    color: #8e959e !important;

    margin: 0 !important;

}

#footer{

position: absolute !important;

}

}

Here are some screenshots with the end result.

How to print from papercut mobile on a desktop / laptop system

This post is a guide how one would setup public style printing for an office, library, school or other print for pay, print for public user service.  The following example would be a how to print; if a generic account were setup for public printing for your network with papercut; specifically when being used with a chromebook or other desktop based browser client.

1 - When connected to the same network as the printer put in the URL for printing. https://print.yourdomain.ca

2 - Enter in the username and password (this would be the generic account for the user wanting to print)

3 - you will be taken to the “Submit a Job” screen

4 - Press the “Submit a job button and select the printer (in this case say printer_2)

Then press "2. Print Options and Account Selection"

5 - Select you options then and select “Upload Documents”

6 - Select your file (This would be typically in the downloads folder)

7 - Once selected, press “upload and complete”

8 - Once Uploaded the job will sit in the queue, until released by the papercut queue release account.

Papercut queue release account view

Windows Phone 7 Review

I've never had a problem working with technology. I've worked with windows, OS X, iphones, ipods, Android 1.6, 2.1, 2.2 and blackberry devices. I've seen and used windows mobile 6.5. I have never had any issue syncing, navigating or doing anything with any of these devices. Now welcome Windows Phone 7; Microsoft's "iPhone and Android" killer which it definitely is not. When Windows Phone 7 was released I went to have a look at it; they had a demo of it at the local Futureshop. At the time I thought the phone was mostly "Flash" it was a little confusing moving around Microsoft's operating system. Other then that I thought it might be ok. The overall impression I got is if you didn't like the way or style the iPhone or Android looked; Windows Phone 7 Might be a good solution. Boy was I wrong.

So Why do I dislike the Windows Phone 7 OS so much? There are a few things.

1) The Data Syncing is very lack lustre it is about the same as the Blackberry, just a little bit worse (in my opinion).

2) Adding a contact took 6 steps. That is ridiculous. The I was adding the contact I was never qued to add the phone number or email address to an existing contact. On my Android and iPhone it only took 2-3 steps!

3) The Messaging application only selected addresses that were imported from the gmail account so we could only send emails. If we wanted to SMS we had to input the full number.

4) If you want apps you have to have a LIVE Account! So I had to sign up for one. I was not impressed.

5) When we downloaded an one of the very few free apps, I have no idea where the heck it went!

6) The search only seems to work in sections. For example if I am in the Microsoft Apps Store it only searches the store, if I am in the email it only searches the email.

7) I was beginning to find the navigation confusing. there is a huge amount of scrolling in Windows Phone 7 and it varies from up and down to side to side. You never know which way your going to have to scroll.

This phone was picked out by someone with very limited computer skills against my suggestions for an iPhone 3GS or Android phone. The person that bought it was told by the sales person that they would find it easier then an iPhone, and when they couldn't get it working; they called me and I found it frustrating to get setup. Perhaps if I had an Xbox with a XBox Live account and a regular Microsoft Live account I would love it.

So this is my recommendation for those of you looking to buy a Windows 7 Phone. If your tied into Microsoft's services hey then go for it if you don't have Microsoft's Services then stick with A BlackBerry, iPhone or Android. If you are wondering Yes I did find Windows Mobile 6.5 easier to use and setup no matter how awkward it was.

Video to be posted soon!

Posted via email from The OptionKey Blog

Windows 7 Mobile To Little To Late

Microsoft has some gull. After about ten years in the mobile PDA and mobile phone space, replacing the Palm OS on most of Palms smart phones until Web OS was released; and BlackBerry being Microsoft's only competition (I realize there is Symbian from Nokia but let's be real it was basally these 2 controlled the smart phone market). Until the iPhone showed up and changed the smart phone market forever, Microsoft stagnated the development of the Windows Mobile OS. Microsoft had a rare opportunity to control the mobile market but did not seem to understand that a mobile phone is not a desktop computer. Windows Mobile is slow and bulky, and difficult to use. Lots of Palm users would buy old phones just to run Palm OS because they didn't like Windows Mobile.

Now Microsoft is to release Windows 7 Mobile, I for one was very excited for this release but not anymore. Microsoft some how thinks it has a healthy share of the smart phone market. Paul Thurrott from the Windows Supersite stated that Microsoft controls about 18% of the smart phone market on the Windows Weekly podcast with Leo Laporte. This is down from the 24% it had back in 2004 according to wikipedia with most of the manufactures and developers abandoning the Windows Mobile platform for more current standardized platforms like the iPhone, Android, Symbian and Yes Web OS. The one thing these Mobile operating systems have in common is web standards. Internet Explorer does not support web standards very well at all and from a consumer perspective why would you want a platform what has very few apps and at the time of this blog post you don't even know how many older apps will be ported or able to be ported to Windows 7 mobile.

Granted for the corporate space depending on the difficulty with IT support will either be Windows 7 mobile or BlackBerry (probably the latter), but the more work starts to encroach our personal time there will be a huge demand for these nicer easier to use products. Most IT support and network professionals know what I'm talking about. Microsoft will have to start changing it's attitude if it wants to grab a bigger share of the mobile market.

1. licensing it to mobile manufactures for free


2. creating an app store experience similar to that of the apple store


3. A web browser that supports web standards better


4. Maybe a mobile Microsoft office apps for windows 7 mobile


5. Maintaining or improving the syncing and integration with exchange

There is a huge push right now to keep everything on the cloud and an economic incentive for lots of companies to move their businesses to cloud services like Google docs, even Microsoft is going to release a version of office 2010 for the cloud. I like Windows 7 and like what I see with Windows 7 mobile but with Android, iPhone, and the other mobile OS, out there that I can develop for just using web standards, I don't know why I would want to develop for Windows Mobile when I would have to redo a lot of my code even to get things to work in Internet Explorer properly. Microsoft has a major up hill battle ahead of it's self in the mobile space, and they are taking the old Microsoft way of handling it. With the mobile OS user base increasing and Microsoft's share shrinking they might want to rethink the way they are approaching this.