[pankyParticipant]

Looping thr all tabs and se it’s BG as below removes Green BG,

but it’s Hover does not work

var len = $(‘#jqxTabs’).jqxTabs(‘length’);

for (var i = 1; i < len – 2; i++) {
$('#jqxTabs .jqx-tabs-title:eq(' + i + ')').css("background-color", "transparent");
}

-Panky

[pankyParticipant]

I have to put event.target.id == ‘parentGridID’ to avoid executing code.

-Panky

[pankyParticipant]

Thanks Dimitar,

Looks like my issue resolved, I load all my tab content in initTabContent.

But, with new version of jQWidgets I got messed up my all Grids layout, let me play little more with it

Thanks
Panky

[pankyParticipant]

Please try with Data, where last group has more than 5 rows.

-Panky

[pankyParticipant]

And I updated to latest version of jQWidgets (3.0.2).

[pankyParticipant]

Thanks Dimitar,

I imitate your sample with my data and it’s looks gud

But… But when I put grid in JQXTab that time it’s mess up with last 4 Rows of grid. [As per my email]

$(‘#jqxTabs’).jqxTabs({ width: 1340, theme: ‘PPPPP’, showCloseButtons: false });

try putting same grid in Tab

And I have updated to jQWidgets (3.0.2)

Thanks
Panky

[pankyParticipant]

Hi

For now I have put a button to Expand/Collapse my Grid Groups and removed autoheight property of Grid.

But this is only temp solution.

-Panky

[pankyParticipant]

Hi

ya right autoheight property I confused with jqxGrid.

I have removed autoheight property from Tab , Though, my problem remains same.

In Integration with other widgets” of jqxTabs example, there is height mentioned for Grid “height: ‘84%’,” as well for Tab

$(‘#jqxTabs’).jqxTabs({ width: 600, height: 560, theme: theme, initTabContent: initWidgets });

In my case I have autoheight got grid and I don’t want to mention height for Tab.

Do I have to set Tab height based on Tab Content height, if so , how i can get Tab content height?

Thanks
Pankaj

[pankyParticipant]

Got it

http://www.jqwidgets.com/datagrid-column-with-custom-css-styling/

Thanks

[pankyParticipant]

Thanks Peter,

I put

var dataAdapter = new $.jqx.dataAdapter(source, { loadComplete: onLoadCompelte });

and set jqxGrids autoheight and height based on number of records and it worked like as expected.

Thanks a ton

-Panky

[pankyParticipant]

Thanks Peter,

It worked for one scenario, when Grid has 100 rows.

I have same grid where some times it has 5 rows and some times it could have 100 rows.

so how could I take care of it, buy setting grid autoheight = true/false in JS based on count of records?

appreciate your response.

Thanks
Panky

[pankyParticipant]

Thanks Peter,

I tried to use autoHeight: true and it worked for Fix content vertical scroll bar.

I have Tab control [tabMain] with Dynamic Tabs having IFrame src =”ABCD.aspx” on my main page.

On ABCD.aspx page I have Table [tbl1] at top and then I have another Tab Control [tabContent] with JQXGrid.

if I use “autoHeight: true” of “tabMain” it don’t show all contents of Tab. [It only shows table and not Tab on ABCD.aspx Page]

If I use height:’100%’ then for 100 rows Grid will cut at the bottom.

Thanks
Panky

[pankyParticipant]

Thanks Dimitar,

Looks like my question is similar as below, just I want to change Tab Title on selection change of my content drop-down or on save button click on my content page.

http://www.jqwidgets.com/community/topic/change-tab-title/

Thanks
Panky

[pankyParticipant]

Thanks Dimitar,

-Pankaj

[pankyParticipant]

Thanks Peter

I added renderer and it worked as I expected

// Create a jqxListBox
$(“#listboxPOM”).jqxListBox({ source: dataAdapter, displayMember: “Name”, valueMember: “POMID”,
checkboxes: true, width: 450, height: 125, theme: theme, renderer:
function (index, label, value) {
var datarecord = data[index];
return datarecord.Name + ” – ” + datarecord.Type;
}
});

Thanks again.

[Author]

Posts