Is there any way of setting width and height of images in Kendo Editor?
How can I set the width & height of the image when uploading in Editor content. How can I write to display width & height (100px) after selecting from image browser.
If you use the latest version of Kendo UI (v2014.2.716) that's the default behavior. The popup that opens for loading the image already includes fields for saying width and height.
HTML
<textarea id="editor"></textarea>
JavaScript
$("#editor").kendoEditor({});
See it in action here: http://jsfiddle.net/OnaBai/zuN45/
Related
In drupal 8, I try to resize uploaded images via ckeditor. Images are not resizing when uploaded via the ckeditor. How to resize inline-image with ckeditor in drupal 8 ?
There is an option in the "Text format" to resize "scale down" the image. But this setting does nothing ? any tips ?
The Drupal "FULL HTML" text format settings
Druapl 8 offers drag resizing of images out of the box. If you have set up the 'Limit allowed HTML tags and correct faulty HTML
Enabled' filter in your editor(setup at /admin/config/content/formats) , make sure that the <img> tag is added to it with the height and width attributes (Ex: <img height width>) and then you can see a black drag handle at the bottom right hand corner of the editor in your nodes.
Adding this info here so it can be useful for others looking for a solution!
I don't think CKEDITOR could resize your images (it never could).
You could only set width and height properties yourself in "Source Code", but it will only visually resize image.
As alternative you could try install IMCE drupal modules, which has this feature
In Xamarin Forms I use Grid to show some icons as Button and Text as Label.
I want my Icons to fit to default grid size, to do so I need to know what is the height of the Grid. But all the height values of Grid are 0.
My question are: how cant I get any Height size of this grid? Can I figure the height by text size?
P.S. I don't want to set specific height value for Grid, I want it to remain default.
I made an adaptive theme with Drupal 7.22, which works very fine. Unfortunately the size of the iFrame's opened by Colorbox are not adaptive.
To open them, I do the following:
<a class="colorbox" href ="http://mydomain.tld?width=800&height=700&iframe=true">Link</a>
But the width and height properties are hard-coded. How can I specify different values for the width and height properties based on the browser aperture/screen definitions?
For example, all screens which have a width between 0 and 1024px should have a colorbox iFrame with the following properties:
width=800px
height700px
and all screens which have a resolution greater than 1024px should have a colorbox iFrame with the following properties:
width=500px
height400px
Do you have any suggestion on how to make these adaptive?
Take a look at jRespond:
https://github.com/ten1seven/jRespond
that might be the easiest way to accomplish what you are looking for.
I'm using Kendo ui dataviz components (pie and line charts). I need to make the font inherited from the main div.
Is there any attributes to set the font as "inherit" for kendo UI as in css?
Kendo UI DataViz uses SVG for charts in newer browsers and VML for old IE (7 and 8). You can use CSS to change the text font, but the VML part wouldn't be affected. Additionally CSS changes are not expected and the label sizing would probably break.
You're better off using the provided configuration options by the Chart to change the font - check the documentation and use "font" filter.
When I insert an image to the Tiny MCE editor at Joomla! backend, I noticed that the inserted img tag don't have width and height param:
<img border="0" alt="Fruit" src="/szalafa/images/stories/fruit.jpg">
It is very time-consuming to set width and height for every image..
How can I force the editor to autocomplete the image dimensions?
Thanks!
ya its time consuming to set height and width for every image . I am also gone through this. Then i prefer to use css to control height and width.I think it will be good to use css to control this.