How can I change the style of the expand/collapse column for the detail tables of a Telerik AJAX RadGrid? - telerik

I can change the backcolor of the actual expand/collapse control (Red in the example below), but I can't seem to figure out how to change the color of the extended area under it, when the detail tables are expanded.
In the attached image, I have indicated the area that I am trying to also change to red.
Can anyone explain how to do this?

Related

NSOutlineView - Disclosure Triangle Interferes with Highlight Rectangle

I have an NSOutlineView with the highlight mode set to source list and the menu property set to a non-empty menu (I figured this last consdition is necessary to have the outline drawn).
When I right-click on a row representing an item that has children (i.e., is expandable), The blue outline around the cell has a slightly different color right above and below the disclosure triangle:
(This happens for every node, at every level of the hierarchy)
Additional information: My outline view is view based, does not use bindings (view controller is the delegate and data source).
Me cells are custom, designed on the storyboard, nothing fancy (icon image view and text field).
What can be causing this?
EDIT: The issue only appears with the round-cornerered highlight rectangle of the "Source List" highlight mode. With the straight-cornered rectangle of the "Regular" highlight mode, the stroke color is even all along.
When using the Source List style, your outline view has an NSVisualEffect view behind it, which causes the list to be composited differently. What you're seeing seems to be a bug with the vibrancy appearance. You could perhaps try to work around it by reducing the frame of the outline cell by overriding frameOfOutlineCell.

HOw to get rid of vertical "overflow:hidden" in Slick Slider

All. I am emboding the Online Store PSD design to HTML/CSS. Here is link.
There is an items slider in items page. Every item has configuration icons in the bottom of the it. When you hover on the item, second row of icons appear. Every configuration icon has its tooltip on hover. Let me describe the problem. Now because of Slick slider 'overflow:hidden' property on 'slick-list' block, the second row of icon is not visible fully. BEsides, tooltips are also being trimmed. If If I delete 'overflow:hidden', this problems disappear. But another problem appears. That is, now all slides are visible horizontally which are out of bound. If you visit the site, you notice in the bottom of the page 2 sliders. The second one has no 'overflow:hidden'. Therefore, everything is visible. But it is not good. If users monitor has high density, it looks very ugly. The first slider is by default. It has 'overflow-hidden' property , therefore everything out of bound is trimmed. I need only get rid of vertical 'overflow:hidden'. Is this possible? Thanks much, in advance.
enter image description here

Issues with tabbing between Filter Fields with Horizontal scrolling - scrolling out of sync

We have a wide grid with horizontal scrolling, with 2 frozen columns. It is very wide (over 20 columns), so the horizontal scrolling is always needed.
We are using the Filter Row option to allow the user to filter. Works well, but if the user tabs between the filter fields, an issue arises. If the user tabs to a hidden field (hidden as in having to scroll to see it), then the header will scroll to accomodate, but the body will not. Likewise, if the user is scrolled all the way to the right and tabs out of the last frozen column, the scrolling again gets out of sync.
See the following Dojo example to experience the issue yourself.​
http://dojo.telerik.com/iNONA/2
If anyone has any clue as to how to fix this issue, I'd appreciate it very much!
Thanks!
I had a simular problem, just without angluar implementation. For me the jQuery scrollLeft() method solved the problem, see (Grid data isn't align with Grid header when tabbing through header columns).
$("#example .k-grid-content").scrollLeft($("#example .k-grid-header-wrap").scrollLeft())
With that line of code I got it working in the developer console of your Dojo example to adjust the grid content to the position of the header. But the scroll event, as I implemented it on my problem, didn't work on your example. Maybe this helps you and you can adjust it with the scroll event in angular.

NSPopupButton with color well

Some of the color selection buttons in the Xcode details panels are a NSPopupButton with a color well. It looks something like a segmented control/popup button.
Placing a standard color well and standard popup button next to each other doesn't have the same look. Also, the menu wouldn't cover the color well in this case. The popup image (two triangles) is not readily available for a custom control either.
Anyone tried to make a similar control before? Any hints on how to make it?

Mouse hover event in MVC

I am working in MVC and I want to show my data in an asp GridView and I also want to change the row backcolor whenever mouse hover that particular row. Please let me know how can I do that.
Thanks in advance,
gbhatnagar.
Use Javascript (JQUERY!) and have an on hover event for the row. So when hovered over, you switch the previously highlighted row go back to normal and change the colour of the current row.
You could easily do it with Jquery and by having a row css class and a highlighted row css class.

Resources