I am using a repeated grid, as follows:
Is it possible to disable the options in the red square, and only keep the button in the green square for users to add new items.
You could either:
Use custom CSS to hide that dropdown menu.
Set the oxf.xforms.xbl.fr.grid.repeat.appearance.*.* to minimal, and your repeated grid will look as follows:
Related
GTK has a way to draw a group of buttons together so they look like one big button with a divider between them, rather than buttons that are drawn apart. It's useful for drawing buttons together that have a similar function.
Here's an example from the GTK inspector, where they appear to be specifically toggle buttons where only one can be selected:
Another example, from Glade, where each button represents a category of widgets and opens a menu:
What is this style of buttons called, and how do I make them?
GTK Inspector example shows GtkStackSwitcher, a special widget used to control the GtkStack (for page switching).
Generally, to achieve this visual effect for a group of buttons, GtkButtonBox is used with the layout style set to GTK_BUTTONBOX_EXPAND.
Buttons expand to fill the box. This entails giving buttons a "linked" appearance, making button sizes homogeneous, and setting spacing to 0
You can also manually add a "linked" style to any container with buttons:
GtkStyleContext *context;
...
context = gtk_widget_get_style_context(button_box);
gtk_style_context_add_class(context, GTK_STYLE_CLASS_LINKED);
HowDoI/Buttons (paragraph "Linked buttons")
I began to work with Unity3D since one month and I'm trying to do an application which contains a menu, composed by a panel and several buttons. At this moment, I'm trying to customize the menu, I change the fill color of the panel and buttons, but until now I could not change the border color of the buttons. There is any way to customize the border's color of the UI buttons? I would appreciate your help. :)
The easiest way to add an outline to your button is to use the Outline component (doc).
Simply add the Outline component where your button image or text is. Then configure it how you like it :)
The above results in the following button:
No, you can not change just border color. If you use default buttons, take a look at Source image. It is basically a grey square with black borders. So when you change color of image black color remains black.
To customize buttons as you want you need either create nested UI elements:
or create sprites with colors you want and replace source image
I find nested UI elements to be the easiest way to do something like this. Simple example:
Start out by creating a panel and change the scale until you get the desired size for your button. This will be your "borders".
Next create another panel as a child of the panel you just made and change the scale to be just slightly smaller than your first panel and change the color.
In the Inspector for your panel, add component and type in Button and add it as a component.
Finally, add a text as a child of your panel for a label and you're done.
Is there a way to add a custom column menu tab with my own favourite icon which on click would render my custom react component?
something like
myColDef.menuTabs: ['generalMenuTab', 'filterMenuTab', 'myCustomMenuTab']
FYI I'm using v12.0.2
What you're after can't be done I'm afraid. The grid supports React components in all sorts of ways (renderers, editors, filters etc), but not via the column menu.
I've updated the docs page to remove the gibberish issue - it'll be fixed properly in the next release, thanks for highlighting this.
This would be helpful to have. In particular for us, we'd like to filter based off row properties, and not row values. Creating our own tab to filter by cell colors that we have assigned with our own set of labels would be useful.
I agree that it would be a nice feature to have. Apparently, there's no quick out-of-the-box solution to do it. The only workaround I see is to implement your own custom Header component which would display any buttons your want.
There you can put a button to open your own custom menu, which you can implement as any regular UI component. It also means you'll need to manually implement all standard menu options that Ag-Grid provides out of the box if you need them.
I have objects on the dashboards - filters and legends, I've click 'x' on some of the objects because I dont want to display them. Now I want to display them - how can I make them appear on the dashboard again? I've tried remove and add the sheet again, but doesn't bring back everything anymore.
gemmo
When editing your dashboard, select the sheet or object that you wish to manipulate. You should see a small black triangle in the top right corner of the sheet. Pressing on that triangle reveals a menu that allows you to control it's settings -- including which filters and legends are displayed.
Once you've turned on displaying a filter or legend, you can move it where you like, edit its title or format, or change it between tiled and floating to adjust its position.
To unhide Legends, Follow steps as under in the image:
Select floating and adjust Legends as per your requirement and you will get desired results.
I have a SELECTABLE telerik grid with a checkbox column. When the checkbox is selected I change the background color of the row to yellow using javascript.
I would like to restore the original css of the grid when the checkbox is deselected using javascript. I can toggle the row background color but because the grid is selectable the css doesn't act the same way the default grid. This is having alternating background colors for rows and a row hover background color change.
Is this possible, and how is it done? Thanks.
Telerik mvc grid has built in row selection capabilities. Take a look at this page : Client Side Selection in TELERIK MVC GRID.
Only adding the following to your grid
.Selectable()
.ClientEvents(events => events.OnRowSelected("onRowSelected"))
should work