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
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
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
ReplyDeleteI really thank you for the valuable info on this great subject and look forward to more great posts. Thanks a lot for enjoying this beauty article with me. I am appreciating it very much! Looking forward to another great article. Good luck to the author! All the best! best parental control app
ReplyDeleteWhat a good blog you have here. Please update it more often. This topics is my interest. Thank you. . .
ReplyDeleteupdated blog post
I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. best diet pills
ReplyDeleteThanks for your sharing great article, I am very happy to read this article and I like it very much!I would also recommend it to my friends.
ReplyDeletesun news live
sun news
sun tv live
news 7 live
sun news live today
sun tv news
sun tv news live
sun tv live news
சன் நியூஸ்
thanthinews
Wow, cool post. I'd like to write like this too - taking time and real hard work to make a great article... but I put things off too much and never seem to get started. Thanks though. GPS tracking
ReplyDeleteQuality Web design service Usually, the companies like to upgrade the previous site rather than totally making a novel website, since it is inexpensive and simple to do. At present, the sites are made taking into account the wants of the users as well as the kind of web presentation and information that would impress the users. Website Development Toronto
ReplyDeleteTo make a web webpage or a web presence, one needs to utilize a website design organization. Additionally, verify that the website design organization should have a gathering of experienced web designers, engineers, developers and analyzers and so on so you can get a wide range of administrations under one rooftop.support me on patreon
ReplyDeleteHow to Make Yahoo My Homepage on Chrome?
ReplyDeleteIf you want to know about how to make Yahoo my homepage on Chrome then open Google Chrome and tap on settings option. Toggle the bar for the option show home button under the appearance section. After that, click on enter custom web address option under show home button option. Choose the address that you want to open while clicking on home button. Here, enter Yahoo page that you want to set as homepage. At the bottom, you will see the option for opening a specific page or set of pages. Tap on add after entering the address that you want to see once Chrome launches. Lastly, you can smoothly add multiple Yahoo pages and it will open in separate tabs.
How to Turn Off Outlook Notifications on Phone?
Check out the steps mentioned in the guide and know how to turn off Outlook notifications on phone. If you are an Android Gmail user, then start by opening the Gmail application and tapping on the local left menu button. After that, scroll down to the bottom and choose Settings. Lastly, click to account and then uncheck the notifications. These are the steps that users need to follow to smoothly turn off the Outlook notifications on their mobile phone. It is advisable to follow the steps properly to perform the function properly.
How to Deal with Microsoft Outlook Search Not Working?
Sometimes third-party add-ins built to boost the user’s productivity and because of this, users encounter Microsoft Outlook search not working issue. If you want to know about the steps to disable add-ins then start by launching Outlook and choose your File tab. Here, click on options and then click on add-ins from the list. A list of the add-ins includes the active, inactive, and disabled add-ins will appear on the screen. Choose COM add-ins from the manage list and tap to go. Here, untick the add-ins that you want to disable and choose to OK. Lastly, you need to see the effect of disabling the add-ins and then you need to restart the Outlook application.
Hey I am john smith I am working in technical team . Are you facing problems with Yahoo Emails. They will provide you instant solutions to solve this all yahoo email issues.
ReplyDeleteFix yahoo sign in error
Yahoo customer service
ReplyDeleteHow to dispute a charge on cash app, Check my blog
Cash App Chargeback
ReplyDeleteCan you get your money back on Cash App?
Check Full Information, if you have any doubts, then feel free to contact our technical support
Cash app Refund Policy
As the actual name make sense of that its a totally private hosting administrations.https://onohosting.com/
ReplyDelete
ReplyDeleteRole Of Sutton Bank Cash App ?
Sutton Bank is a bank and acts as a card issuer for the Cash App account, who are using the verified Cash App account. if someone does not have sufficient information Connect with us Sutton bank cash app
Can’t Sign into Yahoo Mail on Android?
ReplyDeleteThere are times when users encounter with the issue of can’t sign into Yahoo mail on Android device. if you are dealing with the one then check out the steps to log into Yahoo mail. To do that, open Yahoo mail app. if you are not signed into mail account then you will see the sign-in page. Click on sign in with Yahoo. Here, type Yahoo username, mobile number, and email linked with the account and click next. Enter password and tap to next. After sometime, you will be signed in and users can smoothly access the inbox.
How to Sync Gmail on All Devices?
ReplyDeleteIf you are dealing with a query about how to sync Gmail on all devices, then your first step should be to update the Gmail application. It is advisable to keep it free from bugs and resolve the issue. To know about the steps to deal with the sync Gmail on all devices then, you need to update the Gmail application. To do that, launch the Play store and click on the search bar and then search for Gmail. Lastly, tap on it. If you see the update button, then click to get the latest version available for your Gmail application.