ExtJS 4.2 add frame to menus with different style than panels - css

I would like to add a frame to my menu so I could use border radius, but I do not want to derive the frame background color from the definition of my panels.
As I see it now the frame can only be defined on the panel level and the menu inherits this definition.
Can it be done?

The way you handle these is to use custom theme. ext-4.2.1-gpl/ext-4.2.1.883/docs/index.html#!/guide/theming will be help . It is in the extjs (sencha) SDK.
more link

Related

React DataGrid Single Row Customization

Working with a Material UI react data grid for the first time and I need to apply a custom background color to only the first 3 rows, each being a different color. The custom coloring of these rows is static, nothing that's supposed to happen after an event takes place. Is there any way to point to only one row and apply a background color to it from my scss file?
On a slightly related note, how do I extend column separators so they fill the data grid?
Thank you in advance!
use nth-child(1){}
for style the number 1 child.

Assign a different style to a single menu item in the Helix3 framework (Joomla 3)

There is a site on Joomla3 with Helix3 framework. I need to assign a different style to specific menu item (another color).
Through, for example, item-565 does not work.
All parent menu items have the same color.
Help me please ))
This is joomla docs for making it: https://docs.joomla.org/J3.x:Switching_templates#Assigning_more_than_one_template_for_the_Front-end

How to change color of a button component of an ionic app in appery

I am a newbie in Appery. Can some one tell me the steps to set custom color for a Button component using CSS.
all Appery Buttons are set by CSS, so you have three options
you can choose one of the drop downs when you select the button called Swatch by picking a letter you can select the precoded colors from the drop down based on the theme you are using.
you can create a new css sub sheet and just assign a specific value a color or a specific group of items (all buttons) a color
(I WOULD NOT ADVISE THIS) you can edit the general css sheet for the theme.

r googleVis: How to control html tooltips (positioning, border and background)

I have figured out how to create custom html tooltips by using roles via googleVis. I can easily modify the content using html but I cannot understand how I can control the tooltip box itself.
My problem was generated because some of the custom tooltips I created are falling outside my chart area and I tried (unsuccessfully) to find a way to control the tooltip position. Idealy I would like to make them behave in the exact same way default tooltips behave in googleVis (always stay withinin the chart area).
When I later implemented the same concept into a line chart I found that I have another problem as well. The tooltip is falling on the line so I cannot see what is the exact point that refers to the tooltip.
Would it be possible for example to keep the callout style of default googleVis tooltip and change the content with HTML?
Additionally, do you know if there is any way to control more tooltip properties like border and background color?
i was also looking for the same
1) when laying out your data, make sure it has columns alternating between, say, data and tooltips, data and tooltips,... that way it is possible to customize tooltips for multiple columns (it does not work if you just append - à la cbind - a set of tooltips columns to your data frame).
Additionally try this http://rcharts.io/viewer/?6644957#.VHcpEkvrdbg

How to customize accordion and panel look

I want to increase the (height) size and change the color of a spark accordion header, similarly I want to change the color of a spark panel header. Can I do this through mxml properties and css or will I need to use a custom skin?
I recommend creating a custom skin. That was the way Spark was designed to be customized. Specific styles and the sort are almost an afterthought.

Resources