Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Pitfalls to Avoid for Cascade Server Newbies by Lisa Hall
Ähnlich wie Pitfalls to Avoid for Cascade Server Newbies by Lisa Hall (20)
Mehr von hannonhill
Mehr von hannonhill (20)
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
Hinweis der Redaktion
- Welcome to the presentation – mentionhannon hill team members in photos, keep count
- 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.
- 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.
- Give time and ask them to raise their hands if they have the answer.
- 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
- Demo 3 – iNLINE STYLES cont. - At the block/page level – uncheck Tidy HTML OR option 2 - global settings -> content -> uncheck enable HTML content
- Demo 4 – Saving Formats -Edit a format (archive) - open and edit another page - try to save, witness the red bar
- Demo 4 continued- Saving Format - Hit the Back button and save again
- 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.
- 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?
- A common approach is a ForEach loop
- Takes a long time and will cause your page to load slowly
- Much Faster and more efficient
- Demo 5 – Metrics Show the SiteMap page – click metrics tag Show the slow region (Now we know where to speed up the page)
- Large index blocks which contain the information from many files and folders will slow down your page and keep you grounded
- Smaller index blocks (less assets) will keep you running and mobile
- 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
- 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