“A picture is worth a thousand words” Can software developers draw pictures? Lightning Talk: CppCon2020 17 Sep 2020 Honey Sukesan Senior Software Developer Jaguar Land Rover Ireland Services LtdA

Modifying & Extending the menu 6. Plugins reference 6.1. File 6.2. Flash 6.3. GoogleMap 6.4. Link 6.5. Picture 6.6. Snippet 6.7. Teaser 6.8. Text 6.9. Video 6.10. Twitter 6.11. Inherit Advanced 1. Internationalization any (or all) of the following plugins, depending on your needs: 'cms.plugins.text' 'cms.plugins.picture' 'cms.plugins.link' 'cms.plugins.file' 'cms.plugins.snippet' 'cms.plugins.googlemap' If you wish settings.py file: INSTALLED_APPS = ( # ... 'cms.plugins.link', # ... ) 6.5. Picture Displays a picture in a page. For installation be sure you have the following in the INSTALLED_APPS setting

(or all) of the following plugins, depending on your needs: • ’cms.plugins.text’ • ’cms.plugins.picture’ • ’cms.plugins.link’ • ’cms.plugins.file’ • ’cms.plugins.snippet’ • ’cms.plugins.googlemap’ If you project’s settings.py file: INSTALLED_APPS = ( # ... 'cms.plugins.link', # ... ) 1.6.5 Picture Displays a picture in a page. For installation be sure you have the following in the INSTALLED_APPS setting file: INSTALLED_APPS = ( # ... 'cms.plugins.picture', 1.6. Plugins reference 21 django cms Documentation, Release 2.1.5 # ... ) If you want to resize the picture you can get a thumbnail library. We recommend

We will see them in chapter 10.  We can specify the content of a link (i.e. the text of the picture inside it) with its method setBody. This method takes in input a generic Wicket model, which will address, etc… • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: 15 Once we have chosen a page layout, our web designer can start this page doesn’t come with a related markup file. You can see the final page in the following picture: 24 5.4. Markup inheritance with the wicket:extend tag With Wicket we can apply markup inheritance

address, etc… • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: 14 Once we have chosen a page layout, our web designer can start this page doesn’t come with a related markup file. You can see the final page in the following picture: 23 5.4. Markup inheritance with the wicket:extend tag With Wicket we can apply markup inheritance ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: Once a component has been removed it could be added

Referrer 12. Images 12.1. The figure tag 12.2. Responsive images using srcset 12.3. The picture tag 13. Accessibility 13.1. Use semantic HTML 13.2. Use alt attributes for images 13.3. Use autoplay loop> You can set an image to be the poster image: If not present, the browser will display the first frame of the video as soon as image. This is used by screen readers and also by search engine bots: You can set the width and height attributes to set the space that the element

address, etc… • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: 15 Once we have chosen a page layout, our web designer can start this page doesn’t come with a related markup file. You can see the final page in the following picture: 5.4. Markup inheritance with the wicket:extend tag With Wicket we can apply markup inheritance ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: Once a component has been removed it could be added

address, etc… • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: 14 Once we have chosen a page layout, our web designer can start this page doesn’t come with a related markup file. You can see the final page in the following picture: 5.4. Markup inheritance with the wicket:extend tag With Wicket we can apply markup inheritance ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: Once a component has been removed it could be added

& Extending the menu 7. Plugins reference 7.1. File 7.2. Flash 7.3. GoogleMap 7.4. Link 7.5. Picture 7.6. Snippet 7.7. Teaser 7.8. Text 7.9. Video 7.10. Twitter 7.11. Inherit Advanced 1. Internationalization 'cms.plugins.file' 'cms.plugins.flash' 'cms.plugins.googlemap' 'cms.plugins.link' 'cms.plugins.picture' 'cms.plugins.snippet' 'cms.plugins.teaser' 'cms.plugins.text' 'cms.plugins.video' 'cms.plugins.twitter' [https://github.com/stefanfoulis/cmsplugin-filer] and its components instead of cms.plugins.file, cms.plugins.picture, cms.plugins.teaser and cms.plugins.video core plugins. In this case you should not add them to INSTALLED_APPS

1. Getting Started django cms Documentation, Release 2.2.1 • ’cms.plugins.link’ • ’cms.plugins.picture’ • ’cms.plugins.snippet’ • ’cms.plugins.teaser’ • ’cms.plugins.text’ • ’cms.plugins.video’ • ’cms django-filer with django CMS plugin and its components instead of cms.plugins.file, cms.plugins.picture, cms.plugins.teaser and cms.plugins.video core plugins. In this case you should not add them to INSTALLED_APPS of version 2.2, the link plugin no longer verifies the existance of link targets. 1.7.5 Picture Displays a picture in a page. For installation be sure you have the following in the INSTALLED_APPS setting