Using TYPO3 8.7 core.
It seems TypoScript constant styles.content.mediatext.maxWInText is respected for Text+Media content elements that attach images, but not for Youtube videos. A large image is scaled to that maximum width. However, a Youtube video has always maximum width 480px, even if you set the maximum width larger. Has anyone experienced this issue?
I tested it over TYPO3 9.5 and 8.7 cores.
If you use fluid Styled content:
tt_content.textmedia.dataProcessing.20.maxGalleryWidth = 800
tt_content.textmedia.dataProcessing.20.maxGalleryWidthInText = 600
Also check out
typo3/sysext/fluid_styled_content/Resources/Private/Partials/Media/Rendering/Video.html
You can alter it by setting the file local in your config extension.
I am not a big fan of how the media content element is implemented anno 2018, since it's not easy in combination with Fluid Styled content CSS to make the video responsive without overwriting some default CSS like .ce-gallery. That's why I often disable this content element and if video is needed make a new responsive video content element.
Related
After the typo3 update to version 8.7 I am having an issue with images.
First text is no longer wraping around images although the alignment for the image is set to wrap around the text. See here: http://www.vbl.org
Second images are no longer displayed in columns, although number of columns is set to 5. See here: http://www.vbl.org/berichte/bildberichte-2018/halbziit-2-juni-2018.html
Why is this happening?
In TYPO3 8 the extension css_styled_content has a second optional template. Add static template from extension css_styled_content: TypoScript Content Elements CSS.
I think you missed some CSS.
In your compressed CSS at least one include (gray-theme.css) results in a 404.
And maybe the markup has changed, so HTML and CSS does not match any longer.
In my typo3 6.2.31 page the text and media content doesn't work properly.
Changing the width and position of a picture has absolute no effect.
what could be the problem in this case?
"Text & Media" ? that sound like FSC (Fluid Styled Content) and that was not very elaborated for 6.2.
you might need to evaluate those setings in the templates / partials for your CEs (Content elements).
In general: all those input fields could be evaluated in the rendering of an CE. maybe someone wanted an simple rendering with less option for editors to mess around with the design. So he ignores those inputs (but forgot to disable the display in BE for editors).
Have alook whether you use CSC or FSC.
With CSC the rendering is done in typoscript.
With FSC the rendering is done in fluid templates. Look for all pathes where templates and partials are (re)defined.
add on:
For CSC the rendering is defined in typoscript. use the TSOB (TyposcriptObjectbrowser) to identify the involved parts. You can start with tt_content.textpic in that COA you will find .10and .20.
.10 renders the header, .20 renders the body of the CE.
Follow the definition and look what fields are used. You might compare an empty installation with yours to see mdifications to the default rendering.
First you should look where the image are rendered and if these fields are used, too. Maybe the image dimensions are hardcoded in your typoscript.
I am using AEM 6.0 and want authors to create page using a template having
Page headline
Page sub headline
Page rich text
An image
Page rich text
Similar page - Page with image & RTE
I am planning to use AEM RTE for rich text and as RTE does not provide any option to inset image, i can do one of these
Upgrade RTE to embed image but it will have issues with responsiveness
Create page with multiple RTE and image components to render above output.
Does anyone know best way to achieve this?
For a fixed layout with responsive capabilities you are better off using templates just for simplicity. By fixed layout I am assuming your page will have fixed content location for images and text (guessing from your template details)
Modifying RTE for responsive image insertion on an arbitrary location will not render a good HTML unless you override a lot of RTE functionality. This will be a pain and counter-productive for the use case.
A mid-way alternative is to make a custom image with text (text and image control) where you allow the user to enter text and select and image separately and then provide additional layount options (image position) and responsive customisation.
One more flexible option is to use acs-commons grid layout control to use different text and image controls while letting a grid based css framework (e.g. bootstrap) take care of responsive aspects of the site.
Hope these ideas help you.
I am an iOS developer and i do not have any knowledge about web development.I am trying to load an HTML page on UIWebView since the content size of web page is larger then the iOS device screen size,the webview shows scroll bars which has to be avoided in my case.I want to fit the page to the webview width.
I did read some posts here and understood that i should change the viewport of HTML to get things work as i desired.When i manually change the width and height properties of meta tag in HTML its fitting to my webview.What is the best method to change the view port before loading page.
(I have seen approaches to set scale using stringByEvaluatingJavaScriptFromString: in webViewDidFinishLoading: and i can not prefer doing this because the webview takes time to load the content till then it shows the scalled page then it refreshes.)
Is there any better method to change meta propertied then reading HTML file in to NSString and do poor string level manipulations?The HTML pages are always available locally on the device.
Please help,i need to get it fixed as soon as possible.
I know there is this WP Touch that can automatically resize the webpage to fit iphone size. But what I want to do is to get the contents of the site, not the whole site, and display it on iphone.
I manage to get the content from wp database, the wp_posts table, post_content column, and get the content. But the problem is that, the content from wp database, include the width and height, and some of the width exceed iphone resolution. Here is the sample code from wp content:
... bla bla
<table width="980px" ...>
...
Even in my UIWebView i set the size to 300px width, the content will be chopped off. Is there any work around way to handle this problem?
EDIT:
I can only access the database, cant access the wordpress (php files)
Consider using CSS Media queries. You can then set certain device sizes to display or not display some content. CSS Tricks: Media Queries
This is considered to be a much better solution because it will allow you to just maintain a single site, as opposed to multiple code bases.
I think that you can overwrite your table width property via CSS rule:
table {
width:300px !important;
}