## “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 Ltd

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 the following plugins, depending on your needs: • 'cms.plugins.text' • 'cms.plugins.picture' • 'cms.plugins.link' • 'cms.plugins.file' • 'cms.plugins.snippet' • 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

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 it's present, to describe the 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

3e86b0deb6114146cdf38d6/p21_1.jpg) 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 etc... • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: Menu Once we have chosen a page layout, our web designer can start Obviously this page doesn’t come with a related markup file. You can see the final page in the following picture:  #### 5.4. Markup

etc... • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: Menu Once we have chosen a page layout, our web designer can start Obviously this page doesn’t come with a related markup file. You can see the final page in the following picture:  #### 5.4. Markup has ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: ![Image](/uploads/documents/6/7/9/0/67907c0fc8c

etc... • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: Menu Once we have chosen a page layout, our web designer can start Obviously this page doesn’t come with a related markup file. You can see the final page in the following picture:  #### 5.4. Markup has ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: ![Image](/uploads/documents/1/1/2/2/1122fc3053f

etc... • a content area which usually contains the functional part of the page. The following picture summarises the layout structure: Menu Once we have chosen a page layout, our web designer can start Obviously this page doesn’t come with a related markup file. You can see the final page in the following picture:  #### 5.4. Markup has ended all components are notified to detach any state that is no longer needed. The following picture shows the state diagram of component lifecycle: ![Image](/uploads/documents/7/8/0/1/780184e6693

the following plugins, depending on your needs: • 'cms.plugins.text' • 'cms.plugins.picture' • 'cms.plugins.link' • 'cms.plugins.file' • 'cms.plugins.snippet' 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 # ... ) If you want to resize the picture you can get a thumbnail library. We recommend sorl.thumbnail

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 flash' • 'cms.plugins.googlemap' • 'cms.plugins.link' • 'cms.plugins.picture' • 'cms.plugins.snippet' • 'cms.plugins.teaser' • 'cms.plugins.text' [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

reference • 5.1. File • 5.2. Flash • 5.3. GoogleMap • 5.4. Link • 5.5. Picture • 5.6. Snippet • 5.7. Teaser • 5.8. Text • 5.9. Video • 5.10. Twitter flash' • 'cms.plugins.googlemap' • 'cms.plugins.link' • 'cms.plugins.picture' • 'cms.plugins.snippet' • 'cms.plugins.teaser' • 'cms.plugins.text' [https://github.com/stefanfoulis/cmsplugin-filter] instead of the 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