Slider Expand Help MUI component ( Container + Paper ) Slider component Structure - material-ui

I hope you are doing well. I am currently having trouble trying to modify the size of a custom Paper Slider component in React with TSX. I am wondering how this could be fixed as I have tried using sx height and width, and py styling, and I am still a bit confused on why this is not expanding. Would really appreciate for help entering the image description here.
https://drive.google.com/file/d/1mYrfULvVgO91tt-9lE-Y5Qqfg0M57Dd5/view?usp=sharing
https://drive.google.com/file/d/1fcj9ARUrAoZRqe2XUo2jUCdg2wlncEVd/view?usp=sharing
https://drive.google.com/file/d/1Bx2L_SFCTM3pZzJugcAf8hAvPDtRaoxH/view?usp=sharing
Would really like some help in regards to fixing this issue a bit.

Related

how to make a custom horizontal alignment in mlreportgen.dom.*?

How to make custom text and image alignment in
mlreportgen.dom.*
I used
HAlign()
but it is only having 'center','left','right' is there any method to customize this? any solution will be appreciated
I asked this same question in Matworks community also and i got the answer as till now mlreportgen.dom.* only support left,right and centre.
coustomization is not supported till now.

Can't reproduce example of Stepper from Material-UI properly

I can't reproduce example of Stepper from Material-UI properly. When I copy the source code from Vertical Linear Stepper within Material-UI the heigth of the Stepper takes all available heigth but not 400px as specified in the style of the element. See please a screenshot.
Heigth stretches to body value
I thoroughly compared generated styles each by each with the example but failed figure out the difference.
Where should I investigate further or what I.m doing wrong?
Thank you in advance

TinyMCE image resize handles are misaligned inside scaled containers

EDIT 2: An even better solution, for me, was to just use offsetWidth and offsetHeight as that will return the width without the transformation applied. But getBoundingClientRect() was used for a reason, as there is a comment next to that part mentioning a bug with Gecko and resizing tables with captions. The application I am working on is quite cutting edge, and is only required to work on Google Chrome as it is an internal application, so this fix is better for me, but still not ideal.
EDIT 1: I have found a way to fix this, but it required changing the TinyMCE source code, since the application I'm working on keeps track of the scaling applied to the contenteditable area, I was able to just insert my scaling multiplier as a divisor and apply it to the targetWidth and targetHeight variables in the function showResizeRect() on lines 14,197 and 14,198 of the unminified tinymce.js file (as of v4.2.6).
This is not an ideal fix, so I preferably like to do this a better way, so if anybody knows of a better way that does not including changing the TinyMCE source, then please enlighten me.
You can see the bug report I filed here.
I'm having an issue with TinyMCE, I am working on a web application, and we are using an inline TinyMCE instance to edit content that is inside a scaled contenteditable container. However, when going to resize an image, the resize handles are smaller than the image. Here is a demonstrative image:
I have searched on Google, but did not find anything relevant. Is there a plugin, or perhaps a workaround that deals with this already?
Thanks in advance.

TinyMCE 4: Plugin-Window - word wrap available?

I try to migrate our custom plugins from TinyMCE 3 to 4.
In some cases there is some text in the plugin's window to describe how to use it.
Fiddle example: http://fiddle.tinymce.com/Hndaab/1
So if the text is very long, the window width increases until some parts are out of the viewport.
How can i tell the WindowManager to use automatic word wrapping for my labels?
I already tried to define a width for the window. And in another plugin i found a param "multiline". Both didn't solve my problem.
Any ideas? Thank you
I've been trying to accomplish something similar for mobile commpability where the windows are to large for the viewport and so far the closest i've gotten is to set the css for .mce-window to
.mce-window {... max-width:100%;max-height:100%;}
maybe that will be enought to fix your specific problem, even if I still have some ways to go for it to fluidly only fill out the available viewport space on all other windows.

UITextBox Height

I have a question about altering the height of a UITextField. I have already made the object in Interface Builder and the height is fixed as 31. I have searched around on the net and this doesnt seem to be a popular thing to do.
link to apple dev page
Regards #norskben.
OK, I answered my own question.
The default textfield with the curly edges is the only one that cant be resized.
Design wise I am using a label to provide a white backing.
Source