How do you change the font family and font size for ui-kitten Tab component - react-native-ui-kitten

I am struggling to understand how I can change the font-family, font-size, bold, etc for the Tab component.
Can someone point me in the right direction
Many thanks
Stephen (SquareHat)
p.s. I could not find the tag ui-kitten as suggested on the web-page

If you want to edit the text on the Tab component, you should pass a own Text component to the title property like this
<Tab title={evaProps => <Text {...evaProps} style={{color: 'blue'}}>USERS</Text>}>
On that text, you can use the style that you want!

Related

Visio 2010 - change title attribute when exporting to SVG

I want to embed a couple of SVGs into a website which contain links.
What I am struggling with is the hover text that is displayed on a link.
Instead of "Tabelle.28" which seems to be auto-generated I want to put something more meaningful but the only way I found is to edit the text of the title element inside the SVG. Within Visio I couldn't find this title element anywhere.
<g id="shape28-1" v:mID="28" v:groupContext="shape" transform="translate(1.5,-3.4728)">
<title>Tabelle.28</title>
<desc>Testing</desc>
Any ideas how I can change this element from within Visio?
Thank you.
I'm using Visio for Office 365, and I can edit those elements from the Diagram Navigation pane (View > Task Panes > Navigation).

how to set hint text size and font in j2me using lwuit

i am applying bitmap font to textfield and its working fine but textfield hint text size is not set as per i have applied font created using resource editor.please help me here how to set text filed hint text size?
i am using this code
emailtext.setHint("Email Address");
Style styleTextfield=new Style();
styleTextfield.setFont(font_textfield);
styleTextfield.setFgColor(0x808080);
emailtext.setSelectedStyle(styleTextfield);
emailtext.setUnselectedStyle(styleTextfield);
emailtext.setPressedStyle(styleTextfield);
If you are using some .res file to customize your UI, the UIID to change the TextField's Hint text value is TextHint. Modify the font there, using the Resource editor, and you will change the TextField's hint style.
What you want is to set the font of the unselected style of the TextField to be separate from the selected and pressed style :
txtField.getUnselectedStyle().setFont(myHintFont);

How to change the background color to perticular word inside a h:inputTextarea

I made a from with input text area, and the value will come from database.
value is some thing like : A 2 year notice has bean applied by mycompany with effect from 12 December 2012.
I want to hilight 12 December 2012 with some different background color.
Note: value will come dinamycally from database.
<h:inputTextarea cols="60" rows="5" id="messageId" style="margin-top:3px;"
value="#{messageBean.textMessage}" />
How can i do this? Thanks !!
Since <h:inputTextarea generates <textarea
Its impossible
Take a look at this similar questions:
Change the Color Of Certain Words In Textarea using Jquery?
And
color codes in textarea using jquery
You can use some WYSIWYG text editor
Like this one used in Primefaes Editor
Or just integrate some third party js WYSIWYG text editor , like CKEditor or TinyMCE
You also can strip all the toolbars/buttons from the editor , so it will eventually look like almost like a textarea
No it is impossible.
But you can do a trick. You can make your <h:inputTextarea component transparent by using the css property background:transparent;. Then use another colored div and place it behind the word you want to highlight. Sometimes you may need to add display:inline-block; to your highlighter div if JSF doesn't render the div with the width you give. A negative z-index may also be needed.

How can I change the twistie icon in view control?

Is there a way how can I change the twistie icon in view control? I mean the icon used for expand/collapse buttons for categories.
In HTML source I can see, its not managed by CSS, so I can't change it this way. It seems to be rather hardcoded.
<img id="view:_id1:viewPanel1:2:viewColumn1__shrink:1.1.1.1img" alt="expanded" src="/domjava/xsp/theme/common/images/collapse.gif">
click the ViewColumn and look for Expand/Collapse Image in the all properties view :-)

How to change font and font size in scrollable text view in xcode?

How can I change the font and font size of my text in a scrollable text view in xCode? Will this require code or can I do it only in Interface Builder?
3 years late but still might help someone :)
If you want to edit the font from storyboard:
Change the text type from Plain to Attributed.
Then you have font options, If you want more mark the text then right click and you'll have more options.

Resources