Resize TinyMCE via Keyboard shortcuts - accessibility

We are trying to make our product more accessible and, we are using Tiny MCE v4, we have found the resize button at the bottom right of the editor cannot be accessed via the keyboard.
Further the same problem exists in TinyMCE v5.
is there an out of the box keyboard support for the resize function I am missing?
Can the custom keyboard shortcut system be used to resize the box via an API call?
If all else fails I suppose we could make our own buttons and simply change the height of the iframe ourselves

Related

Console preview panel - how to reset size?

So the console preview panel at the bottom of the page remembers how big you had it last time you previewed. Usually this is great! But somehow mine is currently maximized, so the only thing that shows up is the Page dropdown at the top of the page (and anything in the console, if I switch between pages and the pages have things that log on load). The rest is just white console. Any idea how to get back the default view where the console is 20% of the bottom of the page? There is no visible dragging bar frame thing anywhere.
I can change my preview to console=0 to be able to use it, but I'd like a way to restore the default position of the panel.
Normally you should be able to hover on the top border of the console panel and resize it as you wish. An icon will appear, similar as in the image below:
Nonetheless, if you are doing your previews on a mobile device such as a tablet, then such thing is not possible to do. Therefore; a hacky way to do it would be to put the following code on the onAttach event handler of the page that is loading:
var splitPanel = widget.root.getElement().parentElement
.parentElement.parentElement.parentElement
.parentElement.parentElement.children[0].children[3];
splitPanel.style.height = "75px";
Nota bene: this is intended to ONLY work in preview

How do I resize a text box by dragging with mouse?

I am using web application.I have used C#,SQL,ASP.NET.I want resize textbox by dragging it so user can enter text.How to do that?.I don't have any idea about it.
You can use jqueryUI Resizable plugin

Bootstrap : trigger dropdown from toggled button

I have a responsive layout where the desktop view shows search, logo, login. In the xs/mobile view I would like the search and login to collapse into buttons. I can get this layout working just fine. The issue is that in the desktop view, I have a Search Options link that opens a popover with tabbed search forms. I'd like to still have that once you click the collapsed search button. My issue is that the popover is being created inside the tag instead of after it.
How can I set it up so that there is one div holding the search options that can be displayed from either the desktop view (search bar, Go button, search options link) as well as the mobile view (just a button with a search icon).
I am not tied to the popover- I just liked the look of it and I am not sure how to deal with the data-toggle as it currently is set to "collapse" and it seems I might need it to be able to also somehow be set to "dropdown."
Hopefully there is an easier/better way to do this!

How to make a button in Unity?

How can I make a button for mobile devices? I have a pause screen and a script that accepts touch but it activates when I click on any part of the screen, not just the button.
How can I fix it to activate only on the button? My script is attached to cube with invisible material so basically I want to activate script only when player presses the area around cube.
I wasn't sure how to paste code here so I used pastebin:
http://pastebin.com/ERC39TuU
See GUI.Button reference.
function OnGUI() {
if (GUI.Button(Rect(10,10,100,50), "Click"))
Debug.Log("Clicked button!");
}
With newer versions of unity they implemented a much better GUI designer. I would look into using Canvas. Adding images to your buttons and functions is much easier the nusing OnGUI in my opinion.
https://unity3d.com/learn/tutorials/modules/beginner/ui/ui-canvas

Asp.net ajax control toolkit html editor content disappears

I am doing a design screen for my customers and i use jquery sortable portlets.
i put the html editor each column.When u write something into the editor then drag drop the portlets the editor's content is disappearing.After droping it,i change the active mode of editor to preview and design,then i see that content is there.How can i solve this problem ?
I play now a little with the jquery sortable portlets and I notice that its not just move the position of each div, but redesign the full struct of the divs on each drag-drop.
This is mean that is probably copy/paste the inside div on every moving action.
Now your editor is initialize what its show, and from the moment that the portless is move the div content to other possition, the initialize from the editor is lost.
To gain it again I suggest to reinitialize the editor after any drag-drop.

Resources