[aorlicMember]

Thank you Peter.

Them I must look for a workaround…

Do you have an example of code that does something like this: http://jqueryui.com/sortable/ ?

I wanted to use jqDocking for this purpose, but maybe it can be done just using your Drag&Drop plugin?

If not, do you know if it is possible to mix jqWidgets and jQuery UI on a single page?

Regards,

Aleks.

[aorlicMember]

Ok, thank you Peter. I’ll have to rename my own “id” and it should fix it.

On the other side, it would make your great product even greater, if you could have these things and restrictions documented. I was sure the problem is in the “decoration” attributes and could never imagine that there are some “reserved” words.

Thanks once more and good bye.

[aorlicMember]

Thank you very much Peter, I really did not know it.

So, I just need to call event.stopPropagation() from within the DropDownList “close” event…

[aorlicMember]

I am using modal windows. So, please try:

window.jqxWindow({isModal: true});

and you will reproduce the problem.

Thank you!

[aorlicMember]

Sorry, I wasn’t clear enough. Of course I am re-appending the DIV, just before I try to create a new window. I just use the same name for it.

So, this is the simplified code to create a Window:

$('body').append('<div id="wnd_main" ><div>' + new_title + '</div><div id="wnd_content"></div></div>');			
$('#wnd_main').jqxWindow(conf); // here the window is frozen after the second invocateion
$('#wnd_main').jqxWindow('open');

I ensure the DIV is destroyd in the windows “close” event (I even tried it just before the append, with the same failure):

// Close Wnd
$('#wnd_main').on('close', function (event) { 
	$('#wnd_main').remove();    // $('#wnd_main').jqxWindow('destroy') produces the same result
});

Do you have some clue?

[aorlicMember]

Thank you Peter.

From the above code, the validation message will be displayed on Key Up event if the Input is empty or is less than 10 characters.

That’s the problem – the validation message is shown also when the control obtains the focus (and is empty or has <10 chars of course). This is wrong, since it’s not ‘onkeyup’, but ‘onfocus’ event. Maybe this is a bug?

[aorlicMember]

Thanks Dimitar!

I got it, now it works… I must admit I don’t like very much this solution, as it deals with the widget’s internal implementation and should be invisible to developers.

Shouldn’t this be imlemented through the widht property of the widget itself?

Regards,

Aleksandar.

[aorlicMember]

Unfortunatelly, this does not help. Here is the corresponding, simplyfied code (I use table instead of DIV):

	$("#ers_pnl_updates").jqxPanel({ width: '100%', height: 200, theme: PMD.theme });
				$("#ers_pnl_updates").width("100%");
				// build the revision history part
				$.each(updates, function(index, value) {
					
					// some code here
					var html = '<table style="margin-top:2px; margin-left:4px; border-style:solid; border-width:1px; border-color:#aaaaaa;"><tr><td style="padding: 3px; margin:5px; font-style:italic; color:#444444;">' +
						value.responsible_name + ' added on ' + value.revision_date + '<td></tr><tr><td style="padding: 3px; margin:5px;">' + 
						value.notes + '<td></tr><tr><td style="padding: 3px; margin:5px; font-size:90%; color:#444444;">' + 
						'Probability: <span style="color:' + color_prob + ';">' + value.probability + '</span>, ' +
						'Impact: <span style="color:' + color_impact + ';">' + value.impact + '</span>, ' +
						'Magnitude: <span style="color:' + color_magnitude + ';">' + value.magnitude + '</span></td></tr></table>';
					$("#ers_pnl_updates").jqxPanel('prepend', html);
				};

[aorlicMember]

Thank you Dimitar, this is definitely an acceptable solution. No dates on the x-axis are displayed, but this shorter version (months only) may even be better (easier to code, cleaner to see).

I’ve noticed that if there is only one point in the data-series, it is not plotted.

[aorlicMember]

Hello Dimitar!

Thank you very much, your example looks exactly how I would like to configure my chart. However, there is a problem…

x-axis values in my case are not months, but dates (baseUnit: ‘date’), something like this:

[
{“revision_date”:”06.12.2012″, “magnitude”:”0.06″},
{“revision_date”:”20.12.2012″, “magnitude”:”0.02″}
]

I would like my dates to be displayd on the x-axis.

Looks like something is wrong with the date format… Does jqChart work with dates? If so, what format is to be used?

Thank you once more,

Aleksandar.

[aorlicMember]

Thank you Dimitar, this solved the problem. Thank you very much for the effort and express-help.

[aorlicMember]

Unfortunatelly it is still there with the new version. On all browsers.

Here is the significant part of the code:

		<div id='pra_nav_filter'>
			<div>Text search</div><div>
				<table width='100%'>
					<tr>
						<td width='35%'>Text:</td>
						<td> 
							<input id="npr_txt_keywords" type="text" style="margin:2px;"/>
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<div id='pra_chk_search_in_alias'>Search in alias</div>
							<div id='pra_chk_search_in_name'>Search in name</div>
						</td>
					</tr>
				</table>
			</div>
			<div>Status and time</div><div>
				<table width='100%'>
					<tr>
						<td width='35%'>Status:</td>
						<td> 
							<div id='pra_chk_open'>Open</div>
							<div id='pra_chk_running'>Running</div>
							<div id='pra_chk_closed'>Closed</div>
						</td>
					</tr>
					<tr style='margin-top: 15px;'>
						<td width='30%'>Start after:</td>
						<td><div id="pra_cal_after"></div></td>
					</tr>
					<tr>
						<td width='30%'>Start before:</td>
						<td><div id="pra_cal_before"></div></td>
					</tr>
				</table>
			</div>
			<div>Team</div><div>content</div>
			<div>Performance</div><div>content</div>
		</div>
		
and the script...		
			$('#pra_nav_filter').jqxNavigationBar({ width: '100%', theme: PMD.theme });
				// Text search filter
				$("#pra_chk_search_in_alias").jqxCheckBox({ checked: true, animationShowDelay:100, animationHideDelay:100, theme: PMD.theme });
				$("#pra_chk_search_in_name").jqxCheckBox({ checked: true, animationShowDelay:100, animationHideDelay:100, theme: PMD.theme });
				
				// Status and time filter
				$("#pra_chk_open").jqxCheckBox({ checked: true, animationShowDelay:100, animationHideDelay:100, theme: PMD.theme });
				$("#pra_chk_running").jqxCheckBox({ checked: true, animationShowDelay:100, animationHideDelay:100, theme: PMD.theme });
				$("#pra_chk_closed").jqxCheckBox({ checked: true, animationShowDelay:100, animationHideDelay:100, theme: PMD.theme });
				$('#pra_cal_after').jqxDateTimeInput({ theme: PMD.theme, height: 22, value: null });
				$('#pra_cal_before').jqxDateTimeInput({ theme: PMD.theme, height: 22, value: $.jqx._jqxDateTimeInput.getDateTime(new Date()) });
				
				// filter button
				$('#pra_btn_filter').jqxButton({ width: '100%', height: '30px', theme: PMD.theme });
		

[aorlicMember]

Thank you Peter, I resolved the problem using tables instead of DockPanels… I think it is even better, as I anyway expect to have many widgets on the page.

[aorlicMember]

Thank you Peter.

Do you have any suggestion than, what would be the best way to position my buttons on the extreme right?

[Author]

Posts