Project Detail Pages - Questions about customizations

%3CLINGO-SUB%20id%3D%22lingo-sub-2834031%22%20slang%3D%22en-US%22%3EProject%20Detail%20Pages%20-%20Questions%20about%20customizations%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2834031%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20currently%20building%20out%20a%20Monthly%20Status%20Report%20in%20a%20Project%20Detail%20Page%20in%20Project%20Online.%26nbsp%3B%20I%20finally%20have%20all%20the%20content%20showing%20via%20web%20parts%20on%20the%20page%20and%20now%20I%20am%20trying%20to%20do%20a%20few%20things%20to%20enhance%20it%2C%20which%20I%20could%20use%20some%20assistance%20with.%26nbsp%3B%20They%20are%20listed%20below%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E-%20How%20can%20I%20print%20out%20the%20Project%20Detail%20Page%20(Save%20to%20PDF)%3F%26nbsp%3B%20I%20right-clicked%20the%20content%20on%20the%20page%20and%20clicked%20print%20and%20it%20comes%20out%20OK%2C%20but%20was%20hoping%20for%20an%20easier%20way%20(export%2C%20print%20option%20within%20Project%20Online's%20PDP%20page).%3C%2FP%3E%3CP%3E-%20I%20have%20a%20webpart%20displaying%20RAG%20Statuses%2C%20but%20only%20the%20text%20(ex.%20Green%2C%20Amber%2C%20Red).%26nbsp%3B%20Is%20there%20a%20way%20I%20can%20either%20display%20these%20words%20as%20a%20color%20or%20simply%20make%20the%20text%20the%20color%20that%20is%20typed%20in%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOn%20a%20different%20(yet%20similar)%20topic%2C%20has%20anyone%20used%20the%20Highlighted%20Content%20Query%20Web%20Part%3F%26nbsp%3B%20I%20cannot%20seem%20to%20find%20it%20in%20my%20instance.%20I%20watched%20a%20few%20videos%20on%20it%2C%20but%20none%20show%20how%20to%20enable%20it.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELastly%2C%20does%20anyone%20know%20why%20Add%20a%20Page%20is%20missing%20from%20Project%20Online%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20in%20advance%20to%20anyone%20that%20can%20shed%20some%20light%20on%20these%20questions.%20I%20am%20close%20to%20what%20I%20am%20envisioning%2C%20just%20need%20a%20push%20across%20the%20finish%20line.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2834031%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EOffice%20365%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EOnline%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPPM%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EProject%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ereporting%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2837848%22%20slang%3D%22en-US%22%3ERe%3A%20Project%20Detail%20Pages%20-%20Questions%20about%20customizations%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2837848%22%20slang%3D%22en-US%22%3E%3CP%3EHello%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180288%22%20target%3D%22_blank%22%3E%40John%20Passaro%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%0A%3CP%3ESee%20below%3A%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3EPDP%20printing%20-%20the%20only%20option%20out%20of%20the%20box%20in%20the%20print%20capability%20that%20the%20browser%20offers.%20If%20you%20know%20HTML%20%2F%20JavaScript%20you%20might%20be%20able%20to%20build%20your%20own%20Print%20capability%20for%20the%20PDP%20page.%3C%2FLI%3E%0A%3CLI%3ERAG%20status%20icon%20%2F%20formatting%20-%20nothing%20out%20of%20the%20box%20but%20if%20you%20know%20HTML%20%2F%20JavaScript%20you%20could%20do%20this%20via%20custom%20code%20on%20the%20page%3C%2FLI%3E%0A%3CLI%3EThe%20Highlight%20Content%20web%20part%20is%20only%20available%20in%20a%20Modern%20SharePoint%20site%20%2F%20page%20-%20PWA%20is%20a%20classic%20SharePoint%20site%3C%2FLI%3E%0A%3CLI%3EAs%20PWA%20is%20a%20classic%20SharePoint%20site%2C%20you%20can%20add%20a%20new%20page%20in%20a%20Document%20library%20once%20the%20%22We%20part%20page%22%20content%20type%20is%20added%20to%20the%20library%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3EHope%20that%20helps%3C%2FP%3E%0A%3CP%3EPaul%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2841883%22%20slang%3D%22en-US%22%3ERe%3A%20Project%20Detail%20Pages%20-%20Questions%20about%20customizations%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2841883%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F2675%22%20target%3D%22_blank%22%3E%40Paul%20Mather%3C%2FA%3E%2C%3CBR%20%2F%3E%3CBR%20%2F%3ECan%20you%20provide%20me%20with%20some%20more%20details%20on%20adding%20color%20to%20the%20items%20in%20the%20Basic%20Info%20webpart%3F%20Do%20you%20know%20of%20any%20specific%20javascript%20that%20will%20either%20change%20the%20color%20of%20the%20text%20or%20the%20background%20based%20on%20what%20is%20typed%20in%3F%20ex.%20Green%2C%20Yellow(Amber)%2C%20or%20Red%3F%20and%20where%20exactly%20do%20I%20put%20this%20information%20so%20it%20activates%20for%20a%20specific%20Basic%20Info%20web%20part%20(I%20have%20several%2C%20but%20only%20one%20that%20deals%20with%20RAG%20Status%20information).%3CBR%20%2F%3E%3CBR%20%2F%3EThank%20you!%3C%2FLINGO-BODY%3E
Occasional Contributor

I am currently building out a Monthly Status Report in a Project Detail Page in Project Online.  I finally have all the content showing via web parts on the page and now I am trying to do a few things to enhance it, which I could use some assistance with.  They are listed below:

 

- How can I print out the Project Detail Page (Save to PDF)?  I right-clicked the content on the page and clicked print and it comes out OK, but was hoping for an easier way (export, print option within Project Online's PDP page).

- I have a webpart displaying RAG Statuses, but only the text (ex. Green, Amber, Red).  Is there a way I can either display these words as a color or simply make the text the color that is typed in?

 

On a different (yet similar) topic, has anyone used the Highlighted Content Query Web Part?  I cannot seem to find it in my instance. I watched a few videos on it, but none show how to enable it.  

 

Lastly, does anyone know why Add a Page is missing from Project Online?

 

Thank you in advance to anyone that can shed some light on these questions. I am close to what I am envisioning, just need a push across the finish line.

 

 

3 Replies

Hello @John Passaro ,

See below:

  • PDP printing - the only option out of the box is the print capability that the browser offers. If you know HTML / JavaScript you might be able to build your own Print capability for the PDP page.
  • RAG status icon / formatting - nothing out of the box but if you know HTML / JavaScript you could do this via custom code on the page
  • The Highlight Content web part is only available in a Modern SharePoint site / page - PWA is a classic SharePoint site
  • As PWA is a classic SharePoint site, you can add a new page in a Document library once the "We part page" content type is added to the library

Hope that helps

Paul

@Paul Mather,

Can you provide me with some more details on adding color to the items in the Basic Info webpart? Do you know of any specific javascript that will either change the color of the text or the background based on what is typed in? ex. Green, Yellow(Amber), or Red? and where exactly do I put this information so it activates for a specific Basic Info web part (I have several, but only one that deals with RAG Status information).

Thank you!

Hi @John Passaro ,

You could develop the code and add this to the PDP using a script editor webpart or via a file on in a content editor webpart. 

Unfortunately I don't have any code samples to hand, I would need to develop the code but that is beyond the scope of the support forums as I would need to understand your config / set up. If you are not sure on developing this, it might be worth engaging with a contractor / Microsoft partner who could help you out.

Many thanks 

Paul