Automatic double quotes,parenthesis etc. with Brackets editor - css

I'm using the "Brackets" from Adobe as my main web design code editor. The problem i have is when i want to type two quotes or parentheses etc. In sublime for example i just have to press only the left parentheses and it will automatically type the right one for me and put the cursor in the middle.
But in "Brackets" i have to type the left and the right and then manually with my arrow keys put the cursor in the middle. I have installed lots of extensions but with no luck. Is there any solution for this? Thanks.

Check off Edit > Auto Close Braces in the menu.

Related

How to make bootstraps's "split button" in Qt widgets

This is probably simple, though I can't find the correct CSS trick to handle this one.
I want to have this kind of button-group (separated with lines, containing a context menu ) in Qt. They must have native look and feel (not like below examples) so the only needed change seems to be removing rounded corners of a QPushButton from its right side (for left-most button), left side (for right most button) and both (for buttons in the middle).
Qt does not support this. You can use CSS to style the buttons like in the example, but you can not use natively styled buttons like this.
If you really need this, the only option I see is to write custom controls for this, with customized drawing code for each OS GUI style you want to support.
You could also try to use standard buttons that overlap and use custom code to paint some kind of line over the overlapping region, but I don't think that would be a good solution.

Qt : Strings display incorrectly in rtl layout

i'm writing a qt app that should use right to left layout but there is a problem with displaying strings that include space,digits and letters in qtreewidget and qtablewidget. for example when i write 65 %c it shows as c% 65 and of course date times shown as "22:10:06 2015-01-06" instead of "2015-01-06 22:10:06"
how can i fix this?
screenshot:
thank you
When you use rtl layout all children assume that your writing language is also rtl.
Digits are universal so they are treated depending on this setting.
When you use ltr characters (Latin for example) this gives this "funny" side effect (it is even more funny when you edit this text, cursor will jump to different position when moved by arrows).
One way to fix it is add Unicode Left-to-right mark characters where it is needed.
IMO it would be better do not use this feature (rtl layout) if your language is ltr. Let locale setting do this magic.
Can you explain how and why did you used "rtl layout"? What did you tried to achieve that you have decided ti change text direction?

How to create a text editor in with line numbers in a web app

I'm trying to create a text editor with line numbers, which increments with the lines increase. Well, my focus is to make the UI that will do good in Firefox OS as a privilege app. But in UI what css and html need to be used to create a text-field where line numbers must not be editable by the user. And few other thing say like, text-field is fixed height height: 100px; now if text overflows and if the user scroll then line numbers must scroll together with respective lines. (I'm trying to create with textarea and div with contenteditable="true"). I'm not able to scroll the text-field if I try this. Please provide some help or any other way to do this.
As someone who has worked on this problem for over a year at a previous company. Just use one of the existing source code editors like Ace or CodeMirror. They'll work in a Firefox OS app as well (f.e. Cloud9 IDE uses Ace and works on FFOS).

blockUI - change font-family & remove padded area on overlay?

Using blockUI. I looked through the options in the documentation, through the plugin itself, and even here on stackoverflow and I can't find where to change the font-family declaration for this. It appears to be using Times by default. Also, the font is displayed over a padded area. Is there a way I can remove that padded area part, I want only the text on top of the dimmed screen. Thanks.
Use message option for this.
Document here http://jquery.malsup.com/block/#options

How can I force vertical text to be horizontal?

I'm working on an ASP.NET website that needs to be internationalized. I'm using .resx files (essentially key-value pairs in a file) to populate static string fields on a page in different languages depending on the chosen culture/locale. I'm implementing Japanese and getting some stubborn vertical strings.
When copy and pasting them into the .resx file, they are horizontal (source of strings is Google Translate, for testing purposes). All of the strings appear normal, but one always displays vertically. The misbehaving string is a few div's deep (like all of them) and only has font-size, font-family, color, and an uppercase transform applied to it.
Removing any or all of the above rules does not change the orientation of the text. I've cleaned the formatting off the offending text with Notepad and shortened it (to ensure it wasn't a length problem). I'm stumped as to why this particular string is stubbornly vertical.
Here is the text in question: ログアウト
(Translation: Logout)
Edit
Clarification of the issue.
What it should look like:
The vertical text in question:
How can I force vertical text to be
horizontal?
Other than the title, I don't really understand your question. I'll take a guess anyway.
Try adding white-space: nowrap to the div that's misbehaving.
Recently I was doing some learning about right-to-left on the web and learned that Unicode characters have a directional property associated with them at the character level. So this might have something to do with that, though I certanily wouldn't know how to ascertain that or fix it, especially given that Google Translate is the source of the strings.
It happens quite often for Asian scripts (not just Japanese but also Korean and Chinese) to have text rendered incorrectly. Usually you just need to play with element width, especially if it is part of HTML table.

Resources