Increase the width of a #ProjectServer text field on a PDP #PS2013 #ProjectOnline #JavaScript #jQuery #SharePoint

May 16, 2014 at 6:28 pm | Posted in Add-on, Administration, Configuration, Customisation, Functionality, Information | Leave a comment
Tags: , , , , , , ,

While working on a client site today the client wanted to increase the input box for a single line of text field on the PDP to help when typing data / viewing what you have already typed. As the box is quite small the text at the start of the box disappears as you type. See below:

image

Text entered:

“This is a new comment in a single line of text field. As I type the text disappears from view making it difficult to review”

One option is to increase the width of the input box. You can do this with JavaScript / jQuery. The jQuery to do this is below. As you can see you will need the input box id.

1 <script type="text/javascript" src="/PWA/SiteAssets/jquery-1.8.3.min.js"></script> 2 <script> 3 $(document).ready(function(){ 4 $("#idCF_41396333-22dd-e311-9430-00155d15d1fe").width(750); 5 }); 6 </script>

To get the ID, use the browser dev tools and select the correct element:

image

In the highlighted html you will see a property called ID, shown below in bold:

<input name="ctl00$ctl40$g_e2fda013_167b_4aa4_96c8_3c3437803054$ctl00$pfp_Repeater$ctl24$idCF_41396333-22dd-e311-9430-00155d15d1fe" title="Test Single Lint of Text" id="idCF_41396333-22dd-e311-9430-00155d15d1fe" type="text" size="50" maxlength="255" GUID="41396333-22dd-e311-9430-00155d15d1fe"/>

Copy the ID value and update the script below with the correct ID:

<script type="text/javascript" src="/PWA/SiteAssets/jquery-1.8.3.min.js"></script>

<script>

$(document).ready(function(){

$("#idCF_41396333-22dd-e311-9430-00155d15d1fe").width(750);

});

</script>

Add to the script to the correct PDP either using a script editor web part directly or save the js file, upload to PWA and reference the file using a content editor web part. The script will also need access to the jQuery library. Once complete you will see the wider input box:

image

#ProjectServer #project milestones on the project site #ProjectOnline #PS2013 #SharePoint #JavaScript #jQuery #SP2013 #Office365

May 12, 2014 at 2:38 pm | Posted in Add-on, Administration, Configuration, Customisation, Functionality, Information | 5 Comments
Tags: , , , , , , ,

This is another script I have written and published yesterday. It will display any project milestones on the associated project site. This JavaScript file can be downloaded from the Microsoft Script gallery: http://gallery.technet.microsoft.com/scriptcenter/Server-Milestones-f8be71b8 To get the script to work you will need to download the following jQuery library: jquery-2.1.1.min.js – jQuery download Another version of this library may work but this was the one I used / tested with. Upload this library to your PWA site collection then update the script file with the correct location. I uploaded this file to the site assets library as you can see in the code below: image Also notice the reference to the two references to the Data tables CSS and JS files. I just referenced the hosted files but you could download these and host them yourself – if hosting the data table files yourself you will need more than just the two files reference here. Add the script to your PWA site collection, I uploaded this to the Style Library. Then add a content editor web part to the project site and reference the uploaded project milestones JS file. If you want this to be on all project sites then you would need to create a new project site template. Once added to a project site the milestones will be visible for that project: image The table can be sorted using the controls on the table. If no milestones exist in the associated project then the table displays the default no data available message: image Create a milestone in that project and you will see that appear on the associated project site after publishing: image A nice simple script to allow your users to see project milestones on the Project Site. Download today and try it Smile

Most Business Value #App for #Office #Project 2013 just got better #Office365 #ProjectOnline

May 10, 2014 at 10:00 pm | Posted in Add-on, Administration, App, Customisation, Functionality, Information, Reporting | Leave a comment
Tags: , , , , , ,

CPS’ free Task Auditor App for Project 2013 just got better. The App that won 1st place for Most Business Value in the recent App Awards now supports Dutch and Swedish locales. Download today:

http://office.microsoft.com/en-us/store/task-auditor-WA104172076.aspx

See the blog post below for details on the app:

https://pwmather.wordpress.com/2013/12/12/free-project-2013-app-from-cps-office365-office-apps-projectserver-projectonline/

Create a free website or blog at WordPress.com.
Entries and comments feeds.