I have a problem, and I haven't been able to solve it or find an answer for a few days now.
My theme (BusinessLite) for some reason has set table width in css to 100px!important.
This forces the TinyMCE made Tables to shrink as much as possible, thus making them useless.
TinyMCE by default converts the set width to inline style tag, but it is ignored since !important is present on the theme CSS. I have tried doing it manually, and i can confirm it fixes the issue, but i don't know of a way to make it automatic?
Does anyone know of a way to set TinyMCE to always add !important to the table width?
You could use the content_css setting to load custom css and overwrite theme css.
You would need to issue the !important too to make it work.
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.
I come around to setup an background-image for summernote wysiwyg editor, let me know is there any control I need to set or any wysiwyg editor supports this thanks.
Summernote does not explicitly support setting background images in the editor. You should, however, be able to do so by setting the background in css on the .note-editable class, just make sure to do so after Summernotes declaration, i.e. include your style after the Summernote stylesheet. Keep in mind using backgrounds could make the visual appearance of elements inside the editing area harder to visualise.
I wish to have the default table width display in the editor at a width that is visible as currently the default is close to zero width. The screenshot below shows the default width and below that is when you specify a set width via the properties option. Is there a way to have the table default to a certain desired width? Thx
At the moment not. There are various wishes for customizing the tinymce, but before we provide specific solutions we must find a generic method for custom configuration, as we want to be sure that we don't have to support tinymce as well. So this won't be available for some time, unless someone works out a solution and contributes it.
Why is it not possible to configure tinymce at the "normal" way with tinymce.init...?
I am having some trouble styling filepicker.io widgets for web, specifically filepicker-dragdrop.
Is there any way to disable the inline styling and replace them with classes?
Something like data-fp-disable-styles or perhaps when using data-fp-dropzone-class="..." the inline styling is automatically disabled.
Although you can add classes to the button with the attribute data-fp-button-class, I cannot get rid of the inline styling on the on the dropzone and container div.
You can set the data-fp-drag-class and data-fp-class options to set the styling of the dropzone and container div and use the !important flag for any styles that you want to use to override the inline styles.
If you're looking for a more fully customizable solution, we'd recommend using the raw javascript api's to create your own drag pane (https://developers.filepicker.io/docs/web/#widgets-droppane) and/or pick button
I have this attached tabPanel , I want to remove this gray area, or make it white ..
Any idea how can i achieve this .
thanks
You can easily change it from CSS add these lines with desired color:
.gwt-TabBar .gwt-TabBarRest{
}
Check TabBar's CSS Style Rules for more information.
PS: If you use Firebug, you can find such stuffs without asking from someone else.