jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 46 through 60 (of 108 total)
1 … 3 4 5 … 8
  • Author
    Posts
  • December 11, 2012 at 7:47 pm in reply to: Localizing the Loading… Text Localizing the Loading… Text #12192

    shimmoril
    Participant

    Thanks. Please consider adding this functionality in the future.

    December 11, 2012 at 6:27 pm in reply to: Localizing the Loading… Text Localizing the Loading… Text #12185

    shimmoril
    Participant

    But I don’t want only the loading icon to be displayed. I’d like to keep the text, and translate it like everything else in the grid.

    December 11, 2012 at 5:45 pm in reply to: Localizing the Loading… Text Localizing the Loading… Text #12179

    shimmoril
    Participant

    Those are just the images, they don’t include the Loading… text. Additionally, even if they did, I’d still need a way to change the image based on the user’s selected language.

    December 7, 2012 at 2:38 pm in reply to: Responsive Design & Custom Globalizaion Responsive Design & Custom Globalizaion #12057

    shimmoril
    Participant

    Thanks Peter.

    December 6, 2012 at 4:57 pm in reply to: Responsive Design & Custom Globalizaion Responsive Design & Custom Globalizaion #12003

    shimmoril
    Participant

    Thanks for the correct link. I understand how to localize using your files, but as I mentioned in my original question the provided globalization files don’t encompass all the languages we need to support. For the grids we have set up the localizationobj as shown in this example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm?%28classic%29#demos/jqxgrid/localization.htm.

    Is it possible to do the same with the datetimeinput?

    December 6, 2012 at 4:09 pm in reply to: Responsive Design & Custom Globalizaion Responsive Design & Custom Globalizaion #12000

    shimmoril
    Participant

    Your link doesn’t work.

    The percentages are working now, I’m not sure what the issue I was having yesterday was. One other question: is it possible to set min and max widths on the datetime inputs? The percentages work great until the page starts to get very small or very large.

    November 29, 2012 at 2:30 pm in reply to: Styling Tree Items Styling Tree Items #11718

    shimmoril
    Participant

    Thanks.

    October 24, 2012 at 8:05 pm in reply to: Grid Localization Grid Localization #10016

    shimmoril
    Participant

    Just an FYI, there are issues w/ Arabic and trying to set up some of the localization strings – specifically when creating the lists of operators. Again due to the right-to-left issue, I had to create temporary variables to store the actual Arabic text, and use them to create the comma-separated list. See below for an example:

    //temp variables to deal w/ right-to-left text issues in comma-separated lists
    var empty = 'فارغ';
    var not_empty = 'غير فارغ';
    var contains = 'يحتوي';
    var contains_match = 'يحتوي على (حالة المباراة)';
    var not_contain = 'لا يحتوي';
    var not_contain_match = 'لا يحتوي (تطابق الحالة)';
    var starts = 'يبدأ';
    var starts_match = 'يبدأ ب (مطابقة حالة الأحرف)';
    var ends = 'ينتهي';
    var ends_match = 'ينتهي (مطابقة حالة الأحرف)';
    var equal = 'متساو';
    var equal_match = 'المساواة (قضية مباراة)';
    var not_equal = 'لا تساوي';
    var null_ = 'فارغة';
    var not_null = 'غير فارغة';
    var less = 'أقل من';
    var less_equal = 'أقل من أو يساوي';
    var greater = 'أكبر من';
    var greater_equal = 'أكبر من أو يساوي';
    localizationobj.filterstringcomparisonoperators = [empty, not_empty, contains, contains_match, not_contain, not_contain_match, starts, starts_match, ends, ends_match, equal, equal_match, null_, not_null]; 
    localizationobj.filternumericcomparisonoperators = [equal, not_equal, less, less_equal, greater, greater_equal, null_, not_null];
    localizationobj.filterdatecomparisonoperators = [equal, not_equal, less, less_equal, greater, greater_equal, null_, not_null];
    localizationobj.filterbooleancomparisonoperators = [equal, not_equal];

    (Yes, I am aware that the brackets aren’t correct)

    October 16, 2012 at 2:14 pm in reply to: Change Tab Title Change Tab Title #9551

    shimmoril
    Participant

    Thank you Dimitar.

    October 15, 2012 at 3:25 pm in reply to: Tabs & iFrames Tabs & iFrames #9470

    shimmoril
    Participant

    Are there any updates in regards to this situation?

    October 15, 2012 at 3:24 pm in reply to: Change Tab Title Change Tab Title #9469

    shimmoril
    Participant

    Dimitar – so are you confirming this is a bug? Do you have an ETA for a possible fix? This is critical functionality for our application.

    October 12, 2012 at 2:11 pm in reply to: Change Tab Title Change Tab Title #9347

    shimmoril
    Participant

    Thanks Dimitar, that works. One thing though – when I rename the tab, I lose the close button. I tried to re-add it via showCloseButtonAt, but it didn’t work.

    October 11, 2012 at 1:29 pm in reply to: Tabs & iFrames Tabs & iFrames #9288

    shimmoril
    Participant

    That makes the iframe go to the bottom of the screen, but the full content of the iframe is still cut off. The iframe needs to be as tall as necessary to display all the content. It also needs to be able to expand dynamically as elements are added to the page.

    October 10, 2012 at 3:32 pm in reply to: Tabs & iFrames Tabs & iFrames #9204

    shimmoril
    Participant

    See below for the example code. The First Tab content has 5 paragraphs initially; add another 5 to see the issue I described.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>	
    	<script type="text/javascript" src="/Javascript/jquery-1.7.2.min.js"></script>
    	<link rel="stylesheet" href="/javascript/jqwidgets/2.4.2/styles/jqx.base.css" type="text/css" />
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxcore.js"></script>
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxdata.js"></script> 
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxbuttons.js"></script>
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxscrollbar.js"></script>
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxpanel.js"></script>	
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxtree.js"></script>
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxtabs.js"></script>
    	<script type="text/javascript" src="/javascript/jqwidgets/2.4.2/jqxsplitter.js"></script>
    	
    	<title>Tab Example</title>
    		
    	<script type="text/javascript">
    		var theme = '';
    		
    		$(document).ready(function () {		
    			//set up the splitter (left side is tree, right side is tabbed pages)
    			$("#splitter").jqxSplitter({ 
    				theme: theme, 
    				panels: [{size: '20%'}, {size: '80%'}], 
    				height: '100%'
    			});
    			
    			//set up the tabs
    			$('#jqxTabs').jqxTabs({ 
    				theme: theme,				
    				width: '100%', 
    				height: '100%', 
    				position: 'top', 
    				showCloseButtons: true,
    				reorder: true, 
    				scrollPosition: 'both'
    			});
    		}); 
    		
    		function addTab() { 
    			var label = 'New Tab';
    			var src = "http://www.jqwidgets.com";
    			
    			//add the new tab 
    			$('#jqxTabs').jqxTabs('addLast', label, '<div style="height: 100%;"><iframe src="' + src + '" height="100%" width="100%" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" /></div>');
    		}
    	</script>
    </head>
    <body>
    	<div id="splitter">
    		<div>
    		   <a href="#" onclick="addTab();">Add Tab</a>
    		</div>
    		<div id="ContentPanel">
    			<div id='jqxTabs'>
    				<ul id="unorderedList">
    					<li>First Tab</li>	
    				</ul>
    				<div style="height: 100%;">
    					<p>Paragraph</p>
    					<p>Paragraph</p>
    					<p>Paragraph</p>
    					<p>Paragraph</p>
    					<p>Paragraph</p>					
    				</div>
    			</div>			
    		</div>
    	</div>
    </body>
    </html>
    October 10, 2012 at 2:03 pm in reply to: Tabs & iFrames Tabs & iFrames #9198

    shimmoril
    Participant

    Sorry Peter, I was editing as you were posting.

    After further investigation I think I have found the issue (or at least narrowed it down):
    When the page is first loaded, there is one tab open. Subsequent tabs are opened dynamically using addLast after an item in the tree (left side of splitter) is clicked. It appears that the dynamically added tabs will take the ‘height’ of the content of the first tab as their height, and will not expand further. For instance, if I create 5 paragraphs on the initial tab, the content of subsequently opened tabs will only show 5 paragraphs worth of content – regardless of the actual size of the content.

    This is a huge problem for us. Our iframe pages allow users to add and remove content dynamically (via jquery append), so the iframes need to be resized appropriately.

  • Author
    Posts
Viewing 15 posts - 46 through 60 (of 108 total)
1 … 3 4 5 … 8