Hope someone could help me how to add a border(red) like below. This is a databar chart. I am adding a border on the properties but it shows border to all corners. I can't specify it to only one corner.
Design View
If it's really not possible. can someone suggest other solution? It should be dynamic too. It should be aligned with the blue ones. Thanks
Not Sure why its not working for you.. its a straight forward
Set BorderStyle: Default None & Left:Solid
BorderColor: Red
Sorry, I can't see the image uploaded with Question, due to some firewall .. you can try with above steps
Related
Does anyone know how to put a margin at the top of the chart? I don't know if it's possible or a bug.
I already tried to modify the .margin({top: x, right: x, bottom: x, left: x}) but this is not the margin that I'm looking for. Setting the chart.yDomain() isn't good because I want the chart to rescale.
EDIT
My interest is that the linewithfocuschart rescale, not just force the domain.
The issue seems to be when the tooltip appears at the highest point in the chart. Maybe a bug, not really sure.
But here's one way of doing it, might not be the best way:
chart.forceY([0,160]);
By looking at your chart I'm assuming that 140 is the highest value in you chart. So I'm forcing the Y axis on the chart to show values between 0-160.
Update
Earlier I suggested the use of chart.forceY([0,160]); as a work around to adding margin to the chart top so the tooltips are clearly visible with the highest points. Although this approach only makes changes to the main chart and not the focus chart.
After some further investigation, I found out that you could use the following to rescale the chart and the focus:
chart.lines.forceY([0, yMax])
chart.lines2.forceY([0, yMax])
Here's a working example of using with a NVD3 lineWithFocusChart(). I have also got the yMaxdynamically in line 15 of my code.
I'm attempting to use "mx:HorizontalList" to take advantage of its build-in support for drag-n-drop operations. Since I don't want the list to show the border, I set "borderVisible" to "false", which works as expected. However, whenever the drag-n-drop is being performed and an element is being moved from its original position to the new position, a border in light blue color shows up. Once the drag-n-drop is completed, the border goes away and everything is back to normal.Is there way to make it not show the border even during the drag-n-drop? Thanks.
make focusAlpha equal to zero. Hope this solves your problem
I know the title stinks, but as it says i have no idea what the name is for what i want to create.
I want to do a list of links (or rather a menu if you prefer, but with no drop down), that looks like this:
This is just an example so it isnt very pretty. Its having those arrows in each box, and have them "connected" to eachother, but each box is an individual element. I think this type of style has a name, what is it called? Will help greatly searching for help.
I wish to achieve this by making the elements purely by CSS, and the closest i have come is help from this page: http://www.css3shapes.com/ but i just cant combine them to create the menu.
Any and all kinds of help is appreciated.
It's called BreadCrumbs.
It's easier to "paint" it than you think.
Here's a tip:
This is a single arrow:
And the magic:
We used to call it breadcrumbs with arrowboxes. But its up to you. I dont think there is a generic name.
Check out these links
- http://www.red-team-design.com/css3-breadcrumbs
- http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation
Im trying to get something like this --> http://jsfiddle.net/NhvAZ/10/ but with image inside circle.
I did exactly the same way like on example above, but it doesn't work with image. Here is my code: http://jsfiddle.net/uyEaq/
Someone could tell me what I'm doing wrong?
Well that was really confusing, but looking at some of the previous iterations of the fiddles you've given I think I know what you want.
You want an ever increasing pie slice of an image to appear, right? Clipping can do that for you. Here's an example using some of your code:
http://jsfiddle.net/QMZg2/
I'm trying to create a gray "frame" (see pic below) around a google map, to try to convey the concept of an area of focus, as oppose to a point (which is usually represented with a marker). Note that this is not an overlay, that is, the gray "frame" should not move when you drag the map.
Edited: image link added
It appears that only option is to "subclass" GControl to create a custom control. I have 3 questions
1) First of all, is GControl subclassing the best course of action?
2) In my example, the canvas (div) where map renders can change its size (i.e is not fixed width). Do I have to delete and add custom control when canvas changes size? See docs http://code.google.com/apis/maps/documentation/controls.html#Custom_Controls on how to create a custom map control.
3) Now, how to do it. Naively, I thought I could create a table with 3 columns and 3 rows, and set display: none for the cell in the middle. But that doesn't work. I've also experimented with clipping, that didn't work either. My css skills are quite lacking, so there must be way to do this more elegantly than adding four rectangular gray divs. If I wanted to add an inner border, with divs, I would need to paint 8 then. In a nutshell, what's the best way to create a "hollow" rectangle?
Thanks
P.S. This is my first entry to StackOverflow. Just discovered it. It's impressive how well SO is put together.