How to add dotted line on a view on appcelerator titanium? - appcelerator

I know we can't add dotted to border style on .tss. May I know any hacks or idea to add dotted line on the border for a view?

The best way is to create an image
You can use MaskedImage and set the color you want
<MaskedImage id="dotted" tint="#68BCBF" mask="/images/dottedTuto.png" width="Ti.UI.FILL" height="Ti.UI.FILL"></MaskedImage>

Related

Set secondary color of all views

image of an Editor
Like shown in the image above my secondary color for all my views is pink.
But I want it to be a different one.
Where can I set the Color globally?
For the Entries that pink color is the color accent of the application
Which can be modified of course. example
But if you want a little more customization for this view and maybe others. You will have to use custom renderers. Here is another question about that

Transparent Circle inside a White Rectangle

I'm working on a report project and would like to avoid making a separate image for each indicator color. Ideally, I like to put a transparent circle in a white rectangle. I have Snag-It available and general Windows tools.
My plan is to put the Image in a table cell and change the color of the circle by dynamically assigning the background color of the cell. I think it would be much easier to embed this one image, rather than creating a bunch of different colored circles that all have to be embedded.
Any suggestions on how I can do this in Snag-It or Paint, or any tools that are free for commercial use that you can recommended for this?
This sounds like a good workaround to get an indicator with whatever color you want.
Paint.net is a free image editor that you could create this in. Start with a white square. Use the Ellipse Select tool to select a circle in the middle. Press the Delete key to make it transparent. Save it as a .PNG file and embed it in the report.

Nativescript Missing Dashed Border

I am looking for a border-style: dashed; styling option for stack layouts. But I don't see any support for it. How can I create a dashed border style?
NativeScript supports a subset of CSS. That said some of the CSS used in web is not applicable. As of this moment, the border in NativeScript does not support border-style property.
Source: https://github.com/NativeScript/NativeScript/issues/3246
In order to achieve dashed border use a dash image with background repeat.

How to put a nav-bar in header image such that the nav-bar is transparent?

I have to place navigation bar in the header image, such that it becomes transparent and i'm using the theme Diario. I know how to make nav-bar transparent but donot know how to position it on the header image.
Please help.
Thanking a lot in advance.
you could always use position: absolute so that you can move it without moving anything else

Customizing Google Visualization PieChart look and feel with circular border and slice margins

I am using Google's Visualization API to create embedded Pie Charts in my web application.
http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html
The API works great, I am just having a problem with the look and feel customization.
http://code.google.com/apis/chart/interactive/docs/customizing_charts.html
I can't figure out if there is a way to:
Make the border around a Pie Chart Circular and not rectangular
Editing the width and color of the pie slice margins/seperators?
Here is what I would do:
Using Firebug with Firefox select the chart and look at the CSS. Find the name of the border by selecting it with Firebug.
Next:
1.) Create a CSS to remove the border and embed the chart into a DIV with the border you want. Depending on browser compatibility you may want to use images instead of CSS for the rounded border.
OR
2.) Use CSS to change the border into what you want.

Resources