[mattkayParticipant]

Hi Peter:

thanks for the response. i understand your point about paging within the nested grid and we have thought of that concept. but even if we decide to show up to 5 rows in the nested grid for example, in the scenario where there are less than 5 rows the grid will still consume the space of 5 rows. By any chance, do you have any future plans to allow for variable height of the nested grid/variable height of row details? any feedback on your future plans here will help us in our development plans.

Best,

Matt

[mattkayParticipant]

we have tried the above example but we are not able to show a background color for a selected menu item.

our basic goal is to just change the background color of the menu after the user selects the menu to indicate which menu has been selected.

here is our menu code in case you can find something that we are doing wrong. your help is much appreciated!!!!!

.jqx-menu ul {background: #d7ecf3 !important;font:13px arial; font-weight:bold; border-style:none}
.jqx-menu-horizontal {background: #d7ecf3 !important;font:13px arial; font-weight:bold; border-style:none;margin-left: auto; margin-right: auto;}
.jqx-menu-item-top {background: #d7ecf3 !important;font:13px arial; font-weight:bold; border-style:none}
.jqx-menu-item-selected {background: #2aabab !important;font:13px arial; font-weight:bold; border-style:none}
.jqx-menu-item-top-hover {background: #d7ecf3 !important;font:13px arial; font-weight:bold; border-style:none; text-decoration:underline}
.jqx-menu-item-top-selected {background: #2aabab !important;font:13px arial; font-weight:bold; border-style:none}
.jqx-menu-item-top-hover{color: #3268b6 !important;}

$(document).ready(function () {
var theme = getTheme();
// Create a jqxMenu
$(“#jqxMenu”).jqxMenu({ width: ‘100%’, height: ’30px’ });
$(“#jqxMenu”).css(‘visibility’, ‘visible’);

$(“#disabled”).jqxCheckBox({ theme: theme, width: ‘150px’, height: ’20px’ });
$(“#open”).jqxCheckBox({ theme: theme, width: ‘150px’, height: ’20px’ });
$(“#hover”).jqxCheckBox({ theme: theme, width: ‘150px’, height: ’20px’ });
$(“#topLevelArrows”).jqxCheckBox({ theme: theme, width: ‘200px’, height: ’20px’ });
$(“#animation”).jqxCheckBox({ theme: theme, width: ‘150px’, height: ’20px’ });
$(“#animation”).bind(‘change’, function (event) {
var value = event.args.checked;
// enable or disable the menu’s animation.
if (!value) {
$(“#jqxMenu”).jqxMenu({ animationShowDuration: 0, animationHideDuration: 0, animationShowDelay: 0 });
}
else {
$(“#jqxMenu”).jqxMenu({ animationShowDuration: 300, animationHideDuration: 200, animationShowDelay: 200 });
}
});
$(“#disabled”).bind(‘change’, function (event) {
var value = event.args.checked;
// enable or disable the menu
if (!value) {
$(“#jqxMenu”).jqxMenu({ disabled: false });
}
else {
$(“#jqxMenu”).jqxMenu({ disabled: true });
}
});
$(“#hover”).bind(‘change’, function (event) {
var value = event.args.checked;
// enable or disable the menu’s hover effect.
if (!value) {
$(“#jqxMenu”).jqxMenu({ enableHover: false });
}
else {
$(“#jqxMenu”).jqxMenu({ enableHover: true });
}
});
$(“#open”).bind(‘change’, function (event) {
var value = event.args.checked;
// enable or disable the opening of the top level menu items when the user hovers them.
if (!value) {
$(“#jqxMenu”).jqxMenu({ autoOpen: false });
}
else {
$(“#jqxMenu”).jqxMenu({ autoOpen: true });
}
});
$(“#topLevelArrows”).bind(‘change’, function (event) {
var value = event.args.checked;
// enable or disable the opening of the top level menu items when the user hovers them.
if (!value) {
$(“#jqxMenu”).jqxMenu({ showTopLevelArrows: false });
}
else {
$(“#jqxMenu”).jqxMenu({ showTopLevelArrows: true });
}
});
$(“#jqxMenu”).jqxMenu(‘disable’, ‘fin’, true);

});

My Company
My Department
My Paystubs
My Time
My Expenses

[mattkayParticipant]

Hi Peter:

The problem that we are having is that we cannot get the grid columns to re-size when we move the splitter.

we want to be able to set the column widths as a percentage of the total grid width. we also need to be able to lock certain columns

so lets say we have 3 columns in a 900px width grid.

we want to be able move the slider for example and increase the grid to 1000px. when we do this we would want to be able to for example lock the first column at 100px so that it doesnt grow or shrink. the second and third column for example we would want to increase proportionally. so in this case, after we move the splitter, the first column would still be 100px and the second and third columns would both be 450px.

we dont see any ability to do this. can you please advise as to some solution.

Matt

[mattkayParticipant]

the scheduler is also something that we need. Thanks peter!

[mattkayParticipant]

one other thing to consider is that if the grid is on a page with a splitter we would want to be able to automatically control the width of the grid as the user slides the splitter.
Matt

[Author]

Posts