[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title
Christopher Zimmermann updated an issue
Magnolia Demo Projects / MGNLDEMO-101
Images in Demo should be sized to fit the layout
Change By:
Christopher Zimmermann
Images in Demo should be sized to fit the layout. Currently if you add an image to a "Text and Image" component, or to a teaser component the original image file is included, and it totally breaks the layout.A. A rendition should be included rather than the original.B. The image should not expand wider than its container - it should be resized.Notes - CSS: CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.A way to implement this for the teasers and text-image would be something like the following rules:{code}/* IMAGES-- */.teaser img{max-width:100%;}.text-image-section img{max-width:100%;}.content-image-wrapper{position: relative;}{code}Notes - VariationI recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these. :(Tip: consider performing MGNLDEMO-102 in the same sprint. 102 builds on this ticket, so there's not really wasted work doing them separately - but might be most efficient to do both at the same time.
Add Comment
This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4)
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title Michael Mühlebach updated an issue Magnolia Demo Projects / MGNLDEMO-101 Images in Demo should be sized to fit the layout Change By: Michael Mühlebach Story Points: 5 Add Comment This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4) For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html Alternatively, use our forums: http://forum.magnolia-cms.com/ To unsubscribe, E-mail to:
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title
Christopher Zimmermann updated an issue
Magnolia Demo Projects / MGNLDEMO-101
Images in Demo should be sized to fit the layout
Change By:
Christopher Zimmermann
Currently if you add an image to a "Text and Image" component, or to a teaser component the original image file is included, and it totally breaks the layout.A. A rendition should be included rather than the original.B. The image should not expand wider than its container - it should be resized.Notes - CSS: CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.A way to implement this for the teasers and text-image would be something like the following rules:{code}/* IMAGES-- */.teaser img{max-width:100%;}.text-image-section img{max-width:100%;}.content-image-wrapper{position: relative;}{code}Notes - VariationI recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these. :( Tip: consider performing MGNLDEMO-102 in the same sprint. 102 builds on this ticket, so there's not really wasted work doing them separately - but might be most efficient to do both at the same time.
Add Comment
This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4)
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title
Christopher Zimmermann updated an issue
Magnolia Demo Projects / MGNLDEMO-101
Images in Demo should be sized to fit the layout
Change By:
Christopher Zimmermann
Currently if you add an image to a "Text and Image" component, or to a teaser component the original image is included.A. A rendition should be included rather than the original.B. The image should not expand wider than its container - it should be resized. Notes - CSS: CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.A way to implement this for the teasers and text-image would be something like the following rules:{code:css}/* IMAGES-- */.teaser img{max-width:100%;}.text-image-section img{max-width:100%;}.content-image-wrapper{position: relative;}{code}Notes - VariationI recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these. :(
Add Comment
This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4)
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title
Christopher Zimmermann updated an issue
Magnolia Demo Projects / MGNLDEMO-101
Images in Demo should be sized to fit the layout
Change By:
Christopher Zimmermann
Currently if you add an image to a "Text and Image" component, or to a teaser component the original image is included.A. A rendition should be included rather than the original.B. The image should not expand wider than its container - it should be resized.Notes - CSS: CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.A way to implement this for the teasers and text-image would be something like the following rules:{code :css }/* IMAGES-- */.teaser img{max-width:100%;}.text-image-section img{max-width:100%;}.content-image-wrapper{position: relative;}{code}Notes - VariationI recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these. :(
Add Comment
This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4)
-
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title
Christopher Zimmermann updated an issue
Magnolia Demo Projects / MGNLDEMO-101
Images in Demo should be sized to fit the layout
Change By:
Christopher Zimmermann
Currently if you add an image to a "Text and Image" component, or to a teaser component the original image file is included , and it totally breaks the layout .A. A rendition should be included rather than the original.B. The image should not expand wider than its container - it should be resized.Notes - CSS: CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.A way to implement this for the teasers and text-image would be something like the following rules:{code}/* IMAGES-- */.teaser img{max-width:100%;}.text-image-section img{max-width:100%;}.content-image-wrapper{position: relative;}{code}Notes - VariationI recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these. :(
Add Comment
This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4)
[magnolia-dev] [JIRA] (MGNLDEMO-101) Images in Demo should be sized to fit the layout
Title: Message Title Christopher Zimmermann updated an issue Magnolia Demo Projects / MGNLDEMO-101 Images in Demo should be sized to fit the layout Change By: Christopher Zimmermann Summary: Images in TextImage component Demo should be sized properly to fit the layout Add Comment This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4) For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html Alternatively, use our forums: http://forum.magnolia-cms.com/ To unsubscribe, E-mail to:
