Image Size option does not appear in Insert Image of CKEditor - drupal-8

I installed Drupal 8.9.x but when I press the Image option on the CKEditor, I get a window that does not contain "Image size" (that defines the image width and height). I only get image selecting, Alternative text, Align and Caption options.
the option without Image Size
In tutorial videos in YouTube I see that the Image Size does appear:
Option with Image Size
Any idea why is that?
How do I get the Image Size option?
Can it be fixed? if yes, can someone assist how to add it?
Thanks.

Enable Media and Media Library core module
Edit text format (admin/config/content/formats) to include "media" to include "Insert from Media Library" icon to "Active toolbar" and enable filter "Embed media" with filter settings set to "Image" for "Media types selectable in the Media Library" and "Media library" for "View modes selectable in the 'Edit media' dialog".
Create new content using Article (default) and using new media icon upload and insert image to CKEditor.
Currently "Edit media" modal has fields for "Alternate text", "Align" and checkbox "Caption". Having fields for width and height here would be useful. see if this helps
https://www.drupal.org/project/drupal/issues/3132211

Related

How to use .png on APEX list instead of Font APEX graphic

I am extremely new to APEX and am trying to edit a list to include a .png file (logo) instead of one of the "font APEX" pre-loaded graphics. I can successfully select one of the font APEX graphics via this path:
Application --> Shared Components --> Lists --> MyList --> List Entry --> Image / Class --> font APEX -- Select Graphic
I have uploaded .png files to both the workspace images and the application images. I can select them in the Image / Class menu but when I save and go to view the page, I only have a blank circle instead of the logo. It might be noteworthy that Ithe same result occurs if I use a "standard image" in place of the application image.
I am not sure what other details might need to be included in order to make this question better, so please comment if other information would be helpful.
Thanks !

How to adjust the font and font color over a particular region?

How to adjust the font,font color and font size over a particular region in oracle apex? I tried to find a particular option to adjust but failed. Do i need to use javascript or CSS for adjustment of this type ?
It will be better if you use CSS style. You can write your CSS in page designers CSS sections inline field for related region. If you click on specific region in page designer, you can find Custom Attribute field under Advance section. You can put your CSS there either. Hope this helps.

sitecore image map editor: Add image map editor functionality to a custom button

In Sitecore's Rich Text Editor we can add an Image. After adding the image if we right click on it, we get an option "Image Map Editor".
Q1: Where in the Core(Desktop View) can i find this fucntionality/button ?
Q2: How can i bind/link this functionality to a custom button that i built for an image component("Add Image Map" button) ?
The Image Map functionality is part of the Telerik RadEditor control, not Sitecore functionality so it's unlikely you will find any settings for this in the 'Core' database.
If you're looking to extend the default Image field then be aware that Image Map adds lots of additional markup that would not integrate well into the Image field, you would need something much more custom. Add an image to the RTE field and then edit the image map properties to see the markup that is generated. I don't think there are any Telerik controls that just provide Image Map functionality (and you would need a license anyway) but no doubt there are plenty of javascript-based plugins available should you wish to integrate.
The easiest solution may be to just use an RTE field and remove all the other toolbar buttons (usig a custom RTE Profile) except the "Insert Sitecore Media" option.

How to add caption to image using wordml?

In my java application, I wanted to add cross-reference to an image but MS word allows it only through an image caption so I was trying to add a caption to an image with the help of wordML.
I can see that wordML allows user to add captions to a table but it doesn't seem to have such an option available for images. Can someone suggest something here?

SiteCore-Shifting of a placeholder above and inhibiting the edit of further items in the page in Edit Mode

I have following arrangement of placeholders in the site.
top-placeholder
bottom-placeholder
Here top-placeholder will hold a sublayout displaying the Image and bottom-placeholder showing some navigation links in the site. Here in the edit mode, whenever I delete the sublayout shown in the top-placeholder the navigation in the bottom-placeholder moves top and after this I can't edit further and also can't insert the image again in the top-placeholder as I don't see the top-placeholder again.
Please let me know if I am missing any setting or what could be the issue for shifting of sublayout containing navigation links and not allowing me to edit/insert image again.
It looks like after you remove the sublayout from your top-placeholder, it is collapsed as there is no content inside and there are no css styles that would set some minimum height and width for this placeholder. That's why you can not select it to add new sublayouts.
Try to add some additional css styles that will be displayed only in page editor editing mode ( Sitecore.Context.PageMode.IsPageEditorEditing ) that will set the minimum height and width of the top-placeholder.