For once, a short article with a quick tip on how to enhance
the Track your work web part, on
your Project Online home page, by updating some links and changing the colour
of the tiles.
The challenge (or as
Simon Sinek says “Start with why”)
I had to create a brand new custom Report Centre, which
contains some videos, help documents, images and our reports. I am a big fan of
the Track your work web part, on my home page. It does not only contain links
to the most important features, but it is also security trimmed and provides
some additional information, such as the numbers of pending approvals, tasks
assigned to you, risks or issues, timesheets or status reports...
The solution would be either to create a new Promoted Link
web part (but I’m not sure how to deal with the numbers), or just for the Reports link, override the original link
(/PWAReports/Forms/AllItems.aspx) with the URL of my new Report Centre (which I
did).
The solution
This is easily doable using some JavaScript and jQuery. Here
is the process:
Edit your home page, go to the wheel menu and select Edit page.
Add a Content Editor Web
part to your page.
Edit the Source
of the web part to add some JavaScript code.
Here is the code:
<script src="/sites/myPWA/Shared%20Documents/jquery-3.1.1.min.js"
type="text/javascript"></script><script>
$( document ).ready(function() {
$('.ms-tileview-tile-root:nth-child(7n +
4)').find('a').attr("clickaction", "PreventDefaultNavigation();
STSNavigate('ReportCentre.aspx'); return false;");
});
</script>
As this code is using jQuery, you must add the jQuery
library into one of your site document library.
Update the URL of destination.
And that’s it J
Going further (not to
say “useless stuff”)
I tried also to play with the other properties and made some
test on CSS classes, my idea was to try to change the colour of the tiles.
<style
type="text/css" unselectable="on">
div.ms-tileview-tile-root:nth-of-type(7n
+ 1).ms-tileview-tile-content {
background-color: #A995C1; /* Purple
*/
}
div.ms-tileview-tile-root:nth-of-type(7n
+ 2).ms-tileview-tile-content {
background-color: #FFDE7B; /* Yellow
*/
}
div.ms-tileview-tile-root:nth-of-type(7n
+ 3).ms-tileview-tile-content {
background-color: #64D9E9; /* Light
Blue */
}
div.ms-tileview-tile-root:nth-of-type(7n
+ 4).ms-tileview-tile-content {
background-color: #D467A3; /* Pink
*/
}
</style>
Same tip for the nth-child selector, (7n + 1) being your
first tile.
And you are done.
Great Article
ReplyDeleteFinal Year Project Domains for CSE
Project Centers in Chennai
JavaScript Training in Chennai
JavaScript Training in Chennai
ReplyDeleteNice blog..! I really loved reading through this article. Thanks for sharing such a
amazing post with us and keep blogging... iot training in chennai | iot training in chennai quora | iot training and placement in chennai | iot training center in chennai | best iot training centre in chennai
IEEE Project Domain management in software engineering is distinct from traditional project deveopment in that software projects have a unique lifecycle process that requires multiple rounds of testing, updating, and faculty feedback. A IEEE Domain project Final Year Projects for CSE system development life cycle is essentially a phased project model that defines the organizational constraints of a large-scale systems project. The methods used in a IEEE DOmain Project systems development life cycle strategy Project Centers in Chennai For CSE provide clearly defined phases of work to plan, design, test, deploy, and maintain information systems.
ReplyDeleteThis is enough for me. I want to write software that anyone can use, and virtually everyone who has an internet connected device with a screen can use apps written in JavaScript. JavaScript Training in Chennai JavaScript was used for little more than mouse hover animations and little calculations to make static websites feel more interactive. Let’s assume 90% of all websites using JavaScript use it in a trivial way. That still leaves 150 million substantial JavaScript Training in Chennai JavaScript applications.
Great ¡V I should certainly pronounce, impressed with your site. I had no trouble navigating through all tabs as well as related info ended up being truly easy to do to access. I recently found what I hoped for before you know it at all. Quite unusual. Is likely to appreciate it for those who add forums or anything, website theme . a tones way for your client to communicate. Excellent task.. website designers san francisco
ReplyDeleteI am not really excellent with English but I line up this really easygoing to understand . web design san francisco
ReplyDeleteHello! I just now would choose to supply a massive thumbs up for that great info you have here with this post. We are returning to your blog site to get more detailed soon. web design la
ReplyDeleteThank you for sharing wonderful content
ReplyDelete360DigiTMG data science course
Thanks, foг ones marvelous posting! I genuinely enjoyed reading it, you miggһt Ƅe a great author. I wiⅼl made certain to booҝmark your blog and ѡill often come back sometime soon. I want to encoᥙrage yourself to continue your great job, have a nice evening!
ReplyDeleteWeb Development Course
best web development courses
web development classes
web development course near me
Web Development Training
training on web development
web development training program
web development training course
web development summer training
"
ReplyDeleteI was just examining through the web looking for certain information and ran over your blog.It shows how well you understand this subject. Bookmarked this page, will return for extra."
hrdf contribution
ReplyDeleteThis post is incredibly simple to examine and recognize without disregarding any nuances. Inconceivable work! PMP
I think I have never watched such online diaries ever that has absolute things with all nuances which I need. So thoughtfully update this ever for us.
ReplyDelete360DigiTMG data analytics training
ReplyDeleteHello there to everyone, here everybody is sharing such information, so it's fussy to see this webpage, and I used to visit this blog day by day
hrdf claimable training
Amazing Article ! I would like to thank you for the efforts you had made for writing this awesome article.
ReplyDeleteThanks for sharing such a nice info.I hope you will share more information like this. please keep on sharing!
internship in chennai
internship in chennai for cse
internship for mba in chennai
internship in chennai for hr
internship in chennai for mba
companies for internship in chennai
internship in chennai for ece
paid internship in chennai
internship in chennai for biotechnology
internship in chennai for b.com students
Amazing Article,Really useful information to all So, I hope you will share more information to be check and share here.
ReplyDeleteinplant training
inplant training chennai
inplant training meaning
inplant training certificate
inplant training report
report for inplant training
inplant training certificate format
inplant training meaning in tamil
what is inplant training
inplant training in chennai for mechanical
so happy to find good place to many here in the post, the writing is just great, thanks for the post.
ReplyDeletedigital marketing courses in hyderabad with placements
Super site! I am Loving it!! Will restore again, Im taking your food in like manner, Thanks.
ReplyDeletewhat is the difference between analysis and analytics
I like viewing web sites which comprehend the price of delivering the excellent useful resource free of charge. I truly adored reading your posting. Thank you! Webdesign
ReplyDeleteWhile you might be thinking about outsourcing with the goal that you can uphold others, having your own help group is essential to the achievement of your direction for living.Professional graphic design
ReplyDeleteThanks, that was a really cool read! useless website generator
ReplyDelete