jQWidgets Forums

Forum Replies Created

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
January 12, 2019 at 3:27 pm in reply to: datatable in expander – misrendering datatable in expander – misrendering #103497

sreed
Participant

After working with the support team I was able to fix the problem by using:

$(‘#jqxWidgetExpander’).on(‘expanded’, function () { $(“#dataTable”).jqxDataTable(‘render’); });

Thanks jqwidgets support team.

January 8, 2019 at 2:20 am in reply to: datatable in expander – misrendering datatable in expander – misrendering #103418

sreed
Participant

Also this only occurs in Chrome. IE and Firefox are fine

January 7, 2019 at 9:26 pm in reply to: datatable in expander – misrendering datatable in expander – misrendering #103412

sreed
Participant

I have about seven different jqxExpander.

Two of them contain contain a datatable.

Onload the column headers of the expander datatable display without any issues.

Once I collapse and expand the header columns of the datatable disappear.

If I continue to collapse and expand the same expander, sometimes they will display and sometimes they will not.

If I leave the datatable expander expanded and expand a different expander, then the column headers of the datatable appear.

The values of the datatable have no issues showing at all. Only the column headers of the datatable.

I have tried to use the initContent within the expander that uses the datatable, but no luck.

Thanks.

August 14, 2018 at 6:39 pm in reply to: Renderer onclick/tooltip alignment to content margin Renderer onclick/tooltip alignment to content margin #101548

sreed
Participant

one workaround was to increase the width: ’50’ of the column.

August 14, 2018 at 6:23 pm in reply to: Renderer onclick/tooltip alignment to content margin Renderer onclick/tooltip alignment to content margin #101547

sreed
Participant

text: ‘Image’, dataField: ‘ID’, cellsrenderer: imagerenderer, sortable: false, filterable: false, menu: false, width: ’50’, align: ‘center’, cellsalign: ‘center’, renderer: function (text, align, height) {
return “img title=’Create’ src=’doc_plus.png’ style=’vertical-align: top; width: 20px; margin: 14px; margin-top: 5px; margin-bottom: 3px;’ onClick=’alert(0)'”
}

August 14, 2018 at 5:53 pm in reply to: Renderer onclick/tooltip alignment to content margin Renderer onclick/tooltip alignment to content margin #101546

sreed
Participant

I removed the html img < > so you can see the style values:

return “img title=’Create’ src=’doc_plus.png’ style=’vertical-align: top; width: 20px; margin: 14px; margin-top: 5px; margin-bottom: 3px;’ onClick=’alert(0)'”

May 1, 2018 at 6:00 pm in reply to: net::ERR_ABORTED net::ERR_ABORTED #99987

sreed
Participant

Thanks

March 20, 2018 at 9:27 pm in reply to: include HTML input type within label: issue include HTML input type within label: issue #99324

sreed
Participant

I might be able to use the jqxExpander to use HTML input field, but please let me know if jqxTree supports form fields within the LI tag for IE. Chrome works fine using jqxTree with input tags. Thanks.

March 20, 2018 at 8:42 pm in reply to: include HTML input type within label: issue include HTML input type within label: issue #99323

sreed
Participant

Ok so the jqxTree does not allow all possible form fields within the LI tag?

February 28, 2018 at 6:06 pm in reply to: include HTML input type within label: issue include HTML input type within label: issue #98961

sreed
Participant

So for each LI label item there will be an associated input type that will allow a user to input information, next to the label, and then click a save option for that particular LI item.

February 28, 2018 at 5:07 pm in reply to: include HTML input type within label: issue include HTML input type within label: issue #98960
sreed
Participant
We are starting off using a simple jqxTree, with the simple li information, but includes a HTML input type of text.
The problem in IE 11 and Edge, it does not function correctly as far as selecting the item and type, unless you hold down the left mouse button.
It functions correctly in Chrome.

Is there something that has to be disabled in the css jqx.base.css to allow it to function with IE.
Below is a simple html file that has to input tag included in the lable.
Thanks.

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta name=”keywords” content=”jQuery Tree, Tree Widget, TreeView” />
<meta name=”description” content=”The jqxTree can easily display images next to each item. In order to achieve that, you need to add ‘img’ element inside a ‘li’ element.” />
<title id=’Description’>The jqxTree in this demo displays images next to the tree items.
</title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../scripts/demos.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxtree.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxexpander.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
// Create jqxTree
$(‘#jqxTree’).jqxTree({ height: ‘300px’, width: ‘300px’ });
});
</script>
</head>
<body class=’default’>
<div id=’jqxTree’>
- Education
</div>

</body>
</html>
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)