![CSS/FILES
2 STEPS
• [system-asset] tags
• Check „Rewrite page links‟](https://image.slidesharecdn.com/lisahall-121030183549-phpapp01/85/Pitfalls-to-Avoid-for-Cascade-Server-Newbies-by-Lisa-Hall-4-320.jpg)
![A BETTER WAY
Efficient Programming:
#set($item = $_XPathTool.selectNode($page,
"dynamic-metadata[name='speaker']/value").value)](https://image.slidesharecdn.com/lisahall-121030183549-phpapp01/85/Pitfalls-to-Avoid-for-Cascade-Server-Newbies-by-Lisa-Hall-20-320.jpg)
Pitfalls to Avoid for Cascade Server Newbies by Lisa Hall
- 1. PITFALLS FOR CASCADE NEWBIES BY LISA HALL
- 2. AGENDA/OUTLINE • 6 Potential Pitfalls • Top Data Definition creation Pitfall • Top CSS Pitfall • Top 2 - Format/Velocity Pitfall • Top Page Data Definition Pitfall • The Most Dangerous Pitfall of All • Content Render Times - Efficiency
- 3. DATA DEFINITION • Content Render Depth
- 4. CSS/FILES 2 STEPS • [system-asset] tags • Check „Rewrite page links‟
- 6. ‘SOLVE THE PATH’ Incorrect path to Current Page Node - #set($page = $_XPathTool.selectSingleNode ($contentRoot, “index-page/calling-system/page-system/”) Directions: Unscramble and Re-order the path above
- 7. SOLUTION Correct path to Current Page Node - #set($data = $_XPathTool.selectSingleNode($contentRoot, “system-index-block/calling-page/system-page/”)
- 8. FORMATS-SCRIPTS In addition to incorrect Path names, another common format issue is assigning values. String #set($item1 = $_XPathTool.selectSingleNode($page, "name").value) Node #set($item2 = $_XPathTool.selectSingleNode($page, "name"))
- 10. POP QUIZ Q1. Which item should be displayed here? $_SerializerTool.serialize(“?") #set($item1 = $_XPathTool.selectSingleNode($page,"name").value) #set($item2 = $_XPathTool.selectSingleNode($page, "name"))
- 11. POP QUIZ Q2. What will each of these display? <h1>$item1</h1> <h1>$item2</h1> #set($item1 = $_XPathTool.selectSingleNode($page,"name").value) #set($item2 = $_XPathTool.selectSingleNode($page, "name"))
- 12. TIDY UP…? Background images from your CSS file not displaying properly?
- 13. …OR NOT T WO O P T I O N S • Page-level • Admin -level
- 14. DON‟T LET THIS HAPPEN TO YOU!
- 15. …BUT IF IT DOES Go Back!!!
- 16. EFFICIENT RENDERING TIMES Why should you care?
- 17. XML OUTPUT <calling-page> <system-page> <dynamic-metadata> <name>topic</name> <value>Cascade Pitfalls</value> </dynamic-metadata> <dynamic-metadata> <name>speaker</name> <value>Lisa</value> </dynamic-metadata>
- 18. FORMATS - ADVANCED A COMMON APPROACH
- 19. A COMMON APPROACH - CONT. #foreach($metadata in $dynamic-metadata) #if(metadata.getChild("name") =="speaker") #set($item = metadata.getChild("value").value) #end
- 20. A BETTER WAY Efficient Programming: #set($item = $_XPathTool.selectNode($page, "dynamic-metadata[name='speaker']/value").value)
- 21. METRICS TO THE RESCUE! T WO O P T I O N S
- 22. INDEX BLOCKS WEIGHING YOU DOWN?
- 23. THERE, THAT’S BETTER SMALLER INDEX BLOCKS = FASTER RENDERING TIMES
- 24. WAYS TO CREATE SMALLER BLOCKS THE SKY IS THE LIMIT ON MAX ASSETS
- 25. IS THAT INLINE XML REALLY NECESSARY?
- 26. QUESTIONS?
- 27. IMAGE RESOURCES http://blog.copdfoundation.org/questions-about- insurance/c-users-sschlegel-pictures-question-mark-man/ http://www.instantlyfallasleep.com/looping- dream.html
Editor's Notes
- #2: Welcome to the presentation – mentionhannon hill team members in photos, keep count
- #4: Demo 1 – Content Render Depth Example - index-dynamic (Home) , point out the other index page the difference (callout is missing) - Data Definition of index-dynamic (Home) (view in edit/system and navigate to it) - Callout block set to 0 - Set to Content Depth to 2 and watch it appear.
- #5: System Asset tags are important because if you move the files around, Cascade will still know where they are, including if you change file names, etc.Demo 2 – System-asset tags - show how to add them (copy/paste – find/replace) - click save - Show on the page, no background image button - Check Rewrite links on the CSS file and then watch the buttons appear.
- #7: Give time and ask them to raise their hands if they have the answer.
- #13: You really shouldn’t use Inline styles, but for special circumstances or situations where you feel you have to:Demo 3 – INLINE STYLES - Show the styles in callout1 - click save - no changes in the code
- #14: Demo 3 – iNLINE STYLES cont. - At the block/page level – uncheck Tidy HTML OR option 2 - global settings -> content -> uncheck enable HTML content
- #15: Demo 4 – Saving Formats -Edit a format (archive) - open and edit another page - try to save, witness the red bar
- #16: Demo 4 continued- Saving Format - Hit the Back button and save again
- #17: Customers, coworkers, students, will appreciate being able to navigate quickly and efficiently. Long loading times, means people get bored or frustrated and move on. Perhaps missing valuable content on your website.
- #18: Typical XML Output – dynamic metadata. What if there is a long list? What if you want to just get the speaker name, how do you do it?
- #19: A common approach is a ForEach loop
- #20: Takes a long time and will cause your page to load slowly
- #21: Much Faster and more efficient
- #22: Demo 5 – Metrics Show the SiteMap page – click metrics tag Show the slow region (Now we know where to speed up the page)
- #23: Large index blocks which contain the information from many files and folders will slow down your page and keep you grounded
- #24: Smaller index blocks (less assets) will keep you running and mobile
- #25: Demo 6 – Max Assets - Show the number of assets in the Metrics Tab - Reduce the max assets, by unclicking unnecessary items, and limiting the number of assets returned - show the faster page render time
- #26: Demo 6 – Inline XML - Show the speed time of the page - show the XML for the SiteMap page and all the inline data that you don’t need - go back to index block and uncheck show XML inline - show the faster page render time