Can letter-spacing be applied to UINavigationBar's title with Pixate? - css

The letter-spacing property appears to have no effect on the title child in a navigation bar using Pixate.

In iOS the UINavigationBar title's attributed text only supports font, text color, text shadow color, and text shadow offset. To get letter-spacing you need to create your own text field, assign the NSKernAttributeName attribute to it, and then assign it to the titleView of your NavigationItem. This is done per nav page, not generically for the UINavigationBar.

Related

Materialize CSS data-error Attribute

I was trying to style my form with Materialize CSS and there's something a little awkward with the data-success and data-error attributes: the words in the attribute appear to display in a vertical column, instead of displaying horizontally underneath the input field line. Here's a JS fiddle example: http://jsfiddle.net/8zgvyakn/1/. In a somewhat crowded form where such a lengthy error attribute may be necessary, the red text overlaps with other form fields. Is there any way around this, or is this a MaterializeCSS limitation?
The error text is an after of the label edit the width of the label to 100% and that should make the after 100% aswell.

How to change the background color of a line of user input in a textarea?

I know how to change the background color of a textarea, but what about changing the background color of the text that users type into a text area?
For example, in HTML you can change the background color of a span of text using span tags, ie:
<span style="background-color: blue">Words with blue background</span>
...But what about the text that users type into a text field?
I need to do this for a form that I'm creating, so that users can clearly see spaces and returns they're entering as well as the characters they enter.
Can it be done using CSS?
No.
But there is the other way around.
Did you ever used editor in github.com? It's cool.
It uses javascript and <div> to control the style of each line of code.
And translate.google.com uses the same way.

Wrap text in tooltip in Flex2

How to wrap the text in tooltip property of any container(canvas, vbox) available in flex?Also please let me know how to access the textfield property of a Tooltip Class so that the "wordwrap" feature could be accessed.
For any UIComponent based item you can set the toolTip property to get a mouse-over tooltip.
http://livedocs.adobe.com/flex/3/html/help.html?content=tooltips_3.html
ToolTips support styles, width values and so on so you can force word wrapping, colors, etc.

In flex how can someone add both bold and border?

I am trying to make a text area in flex 4.5. The problem is i need some part of it as bold not all. Also i need border.
A simple code is
<s:TextArea text="Text here1 Text here2">
By default s:TextArea contain border but I cant bold only one part of text that is "text here1"
If I try to use mx:TextArea Then I cant add border to it.
Please if anyone can help over how to add border along with if i can make only a part of text as bold or of different color etc.
Why can't you add a border to mxTextArea? There are a couple of ways:
specify borderStyle css property;
write a skin class, which draws a border and background you need, and assign it to borderSkin css property;
draw a 3x3 graphic skin and assign it to borderSkin css property.
Place a border container around the control
Use the textFlow property instead of the text property and you will be able to use rich text (bold, italics and so on).
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flashx/textLayout/elements/TextFlow.html

Prevent Chrome/Browsers from resizing/restyling form elements

Chrome has some cute features to make the selected form element (input ect) stand out like adding a border color and, more annoyingly, it slightly reduces the margins on some of my form elements after they've been selected, shifting the page slightly each time a text entry box is selected.
It's not the textarea draggable resize effect that chrome has, it's effecting input elements that should have a constant size, but they automatically change once selected.
Is there any CSS to disable this feature, or do I simply have to make sure my text box margins/padding are set up such that Chrome doesn't resize them?
Here it is
textarea { resize:none; }
I love working on other people's sites...the problem was javascript they were using to restyle form elements after click and I have no idea why. Solution was to remove that junk.

Resources