How to make the RubberBandXyZoomModifier fill with transparent color SciChart WPF - scichart

Using SciChart RubberBandXyZoomModifier, how can I make it fill the selection area box with a transparent grey color?

According to the SciChart docs, there are three ways to change the selection area box color for the RubberBandXyZoomModifier.
1/ Set the RubberBandXyZoomModifier.RubberBandFill, RubberBandStroke properties
<s:RubberBandXyZoomModifier RubberBandFill="#33FFFFFF" RubberBandStroke="#FF3333"/>
2/ Set the above properties in a custom theme
see Creating a Custom Theme
3/ overring a color of the above properties in an existing theme
see Overriding colors of our themes
Any of the above will achieve the desired result.

Related

Stripes in background in RDL

Is it possible to add stripes in the textbox in report?
So the result looks like in the picture?
User chooses color for the column in the application
color
This is no built in way of doing this (no fill style) but you could use an image of the stripes as a background image. You would need to create and save images for each colour and style and add them as embedded images in the report.
You can then set the background image of a textbox to the required image.
... or better still use an expression to select the image based on conditions.
=SWITCH(
Fields!ItemCode.Value >10 , "RedStripe",
Fields!ItemCode.Value >50 , "GreenStripe",
True, Nothing
)
Where Redstripe and GreenStripe are the image names you embedded.
You can set the image to repeat etc from the properties panel
Update after OP stated that colour is parameterised.
If the colour is a parameter then we need a slightly different approach.
First you need to create an image with stripes (any colour will do ), and then remove the stripe pixels so that the stipes are now transparent. Save this as a PNG.
I created one quickly whist testing which you can save from here hopefully. You'll just have to move the mouse around in the area below as it's a white on white image! Or switch StackOverflow to the dark theme, then you can right-click and save the image. If not you'll just have to create one yourself.
Image below here.. switch StackOverflow to Dark theme to see it
Image above here..
Now you will need to set the background image to this image but also set the backgroundcolor property to an expression. In this exmaple, I set the background to the value of my parameter.
My parameter is just text and I typed in some hex values in the form #FFFFFF. You will have to work out how to get the value from your color pickers to the report yourself, ask a new question if required.
Here's the report design
and here is the report running using a few sample hex values.

How to add a border to SparkLine data?

How does one go about indicating a colored border in an Area Chart Sparkline, as seen in this example:
https://learn.microsoft.com/en-us/sql/reporting-services/report-design/sparklines-and-data-bars-report-builder-and-ssrs?view=sql-server-2017
I've been able to configure the light blue foreground, by setting the Palette property to Custom and adding the color RGB(204,220,235) to the CustomPaletteColors collection, but there doesn't seem to be a border-related property for the data series. I also tried adding several other colors to the collection, but that had no effect.
The border properties—BorderColor, BorderStyle and BorderWidth—operate on the cell, not the series.
OK, I found it.
It's on the Series Properties dialog, here:

Custom color for Reporting Services KPI

I would like to add a custom color (in other words, add some custom status and corresponding color) for Reporting Services KPI's (outside of standart red, yellow and green). Is there any way to achieve it?
Click on your element and go to the properties (pane on the right side) under Font > Color for foreground color and Fill > BackgroundColor for the background color and type in the hexadecimal color code. For example:
#01b8aa
You can browse on google how to convert from RGB() into hexadecimal codes.

Name of color of selection highlight in CSS

Thanks to this answer I know hex values of default colors of selection on different systems, and also know that you could set color of selected text or items using CSS 3.
But what I want is to highlight selection of other elements (in SVG) using that same color. Is it possible to make that color the same as system default? Does it have some name in CSS?
In other words: I want some element to have the same color as the text selection on that system. Is it possible?
Possible solution could be to set selection color in CSS for all the website to some value like #3399FF, but that is not possible in my case. I guess I'll just use hex constant, but wander if there is any name for such a color?
Well, after some research I have found that in CSS 2 there was colors called system colors (W3C Recommendation), and there is colors named Highlight and HighlightText. Which works in Firefox on Linux.
Also W3C says that the CSS2 System Color values have been deprecated in favor of the CSS3 UI ‘appearance’ property. But I could not found anything about that property using link that they provided.

Change Flex Button Icon Alpha using skin

I have a custom skin for spark buttons.
I need to control the alpha of the image i set as the button icon using the skin. i.e. I need the image to change its opacity with change in the button states.
Is there a workaround, using the skin class, rather than writing event handlers??
When you create new button skin, you can see generated mxml markup there that sets different gradients for rects depending on states.
So, you can just set alpha values for different states in your image like
<s:Image alpha.disabled="0.1" alpha.over="0.4" /> and so on.
Update:
Now I understand your problem. Icon( which is set by icon property) is defined and managed by code in spark.skins.SparkButtonSkin, and your generated skin will extend that class.
Id of control that renders icon is iconDisplay of type BitmapImage.
So, you can change its behavior by adding following code to your generated skin:
<s:BitmapImage id="iconDisplay"
alpha.down="0.5"
alpha.over="0.7"
alpha.up="0"
/>
It will not add another icon.