jQWidgets Forums

Forum Replies Created

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2

Author

Posts

September 30, 2014 at 6:32 am in reply to: Sample for Minimized menu in Angularjs Sample for Minimized menu in Angularjs #60304

Kavyad23

Participant

Hi Peter,

I am asking in angularjs, I can find simple menu only in angularjs. there is not Minimized menu. I want to apply $(".jqxMenu").jqxMenu('minimize'); in angularjs. How to use this type of methods in angularjs. I refered in “Invoking Methods” section, but they gave only for Grid.

Check this code. I tried Minimize Menu in angularjs.

<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<title id="Description">jqxMenu directive for AngularJS</title>
<link rel="stylesheet" href="../CSS/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="../CSS/Style.css" type="text/css" />
<script src="../CommonFiles/import.js"></script>
<script type="text/javascript">
	var demoApp = angular.module("demoApp", [ "jqwidgets" ]);
	demoApp.controller("demoController", function($scope) {

		$scope.minimizeMenu = {
			width : '100%',
			height : '32px',
			autoSizeMainItems : true
		}
		$scope.minimizeMenu.apply('minimize');
	});
</script>
</head>
<body>
	<div ng-controller="demoController">
		<jqx-menu jqx-settings="minimizeMenu">
		<ul>
			<li><a href="#Home">Advanced</a></li>
			<li><a href="#Solutions">Ladder</a></li>
		</ul>
		</jqx-menu>
	</div>
</body>
</html>

September 30, 2014 at 5:22 am in reply to: Display "showCollapseButton" in JQXDocking Angularjs Display "showCollapseButton" in JQXDocking Angularjs #60297

Kavyad23

Participant

Thats my doubt. How to call this methods, in Angularjs.

September 30, 2014 at 3:39 am in reply to: How to set Validate-error-label with manually? How to set Validate-error-label with manually? #60289

Kavyad23

Participant

Hi Dimitar,

Thank you 🙂

September 30, 2014 at 3:39 am in reply to: Why theme is not applying globally Why theme is not applying globally #60288

Kavyad23

Participant

Hi peter,

Thank you 🙂

September 30, 2014 at 3:39 am in reply to: How to change cell color in Grid How to change cell color in Grid #60287

Kavyad23

Participant

Hi Nadezhda,

Thank you 🙂

September 29, 2014 at 12:26 pm in reply to: Can we set Two contents in JqxDocking Can we set Two contents in JqxDocking #60254

Kavyad23

Participant

Hi Dimitar,

The window count is N. Its depends upon the array size. so I used Docking.

<!DOCTYPE html>
<html ng-app="ForexOrderBookApp" lang="en">
<head>
<title>FX Portal</title>
<link rel="stylesheet" href="../CSS/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="../CSS/MyStyle.css" type="text/css" />
<!-- Import all js file -->
<script type="text/javascript">
	var ForexOrderBookApp = angular.module("ForexOrderBookApp", [ "jqwidgets" ]);
	ForexOrderBookApp.filter('substringDecimal', function() {
		return function(str, start, end) {
			str = str.toString().split('.');
			return str[1].substring(start, end);
		};
	});

	ForexOrderBookApp.filter('substring', function() {
		return function(str) {
			str = str.toString().split('.');
			str = str[0] + "." + str[1].substring(0, 3);
			return str;
		};
	});
	ForexOrderBookApp.controller("ForexOrderBookController", function($scope) {
		$scope.currencyList = [];
		$scope.currencyList.push({
			currencyListId : "001",
			currencyPair : "USDINR",
			bank : "SBI",
			spot : "Spot(08-Aug-2014)",
			sellPriceLeft : "58.596667",
			footerPriceCenter : "93.8",
			buyPriceRight : "58.597923"
		});
		$scope.currencyList.push({
			currencyListId : "002",
			currencyPair : "USDINR",
			bank : "SBI",
			spot : "1Month(05-Sep-2014)",
			sellPriceLeft : "58.597235",
			footerPriceCenter : "93.8",
			buyPriceRight : "58.597661"
		});
		$scope.currencyList.push({
			currencyListId : "003",
			currencyPair : "GBPUSD",
			bank : "SBI",
			spot : "Spot(08-Aug-2014)",
			sellPriceLeft : "1.556735",
			footerPriceCenter : "77.8",
			buyPriceRight : "1.558181"
		});
		$scope.currencyList.push({
			currencyListId : "004",
			currencyPair : "EURAUD",
			bank : "SBI",
			spot : "Spot(08-Aug-2014)",
			sellPriceLeft : "1.456225",
			footerPriceCenter : "3.6",
			buyPriceRight : "1.456839"
		});
		
               $scope.dockSettings = {
			height : 155,
			width : 222,
			orientation : 'horizontal'
		}
	});
</script>
</head>
<body style="background: #EEE;">
	<div ng-controller="ForexOrderBookController">
		<div ng-repeat="record in currencyList" class="windowContainer">
			<jqx-docking jqx-mode="'default'" id="docking" jqx-data="record"
				style="float: left;" jqx-settings="dockSettings">
			<div>
				<div id={{data.currencyListId}} class="window">
					<div id="title">
						<span>{{ data.currencyPair}} {{ data.bank}}</span>
					</div>

					<div>
						<div id="spot" class="spotVal">
							<span>{{ data.spot }}</span>
						</div>
						<div id="rateDetails" class="rateDetail">
							<span id="leftArrow"> </span>
							<div id="mainValue1" class="value1">
								<p>{{ data.sellPriceLeft | substring }}</p>
								<p class="valuebig">{{ data.sellPriceLeft |
									substringDecimal:3:5 }}</p>
								<p class="valuesmall">{{ data.sellPriceLeft |
									substringDecimal:5:6 }}</p>
							</div>
							<div id="mainValue2" class="value2">
								<p>{{ data.buyPriceRight | substring }}</p>
								<p class="valuebig">{{ data.buyPriceRight |
									substringDecimal:3:5 }}</p>
								<p class="valuesmall">{{ data.buyPriceRight |
									substringDecimal:5:6 }}</p>
							</div>
							<span id="leftArrow"> </span>
						</div>
						<div class="sellBuy">
							<div class="sell">
								<jqx-button jqx-settings="mrktWtcBtn">Sell</jqx-button>
							</div>
							<div class="buy">
								<jqx-button jqx-settings="mrktWtcBtn">Buy</jqx-button>
							</div>
						</div>
						<div id="footer" class="footerdetails">
							<p class="fooHighvalue">{{ data.sellPriceLeft }}</p>
							<span class="fooMidvalue">{{ data.footerPriceCenter }}</span>
							<p class="fooLowvalue">{{ data.buyPriceRight }}</p>
						</div>
					</div>
				</div>
			</div>
			</jqx-docking>
		</div>
	</div>
</body>
</html>

in docking close button only showing, how to set collapse button, and If I click collapse button, the content <div> contents have to change and that size of <DIV> have to increase.

September 26, 2014 at 8:54 am in reply to: Why theme is not applying globally Why theme is not applying globally #60147

Kavyad23

Participant

Hi Peter,

I added “import.js” this file in my head section. this contains all Widget resources.

September 26, 2014 at 5:34 am in reply to: Why theme is not applying globally Why theme is not applying globally #60104

Kavyad23

Participant

Hi peter,

I set


$scope.theme = 'energyblue';
$scope.themeList = {
		width : 100,
		height : 18,
		autoDropDownHeight : true,
		source : $scope.themes,
		theme : $scope.theme
	};

so default is “energyblue”. then again if I change to “Metrodark” its not working.

September 25, 2014 at 1:15 pm in reply to: How to change cell color in Grid How to change cell color in Grid #60054

Kavyad23

Participant

Hi nadezhda,

Its changing row, but I want to change particular cell background color, when that cell only got updated.

September 24, 2014 at 8:58 am in reply to: how to set window position inside docking or panel? how to set window position inside docking or panel? #59971

Kavyad23

Participant

<!DOCTYPE html>
<html ng-app="App">
<head>
</head>
<body class='default'>
    <div ng-controller="Controller">
	     <jqx-panel jqx-height="200" jqx-width="200">
		 <jqx-window jqx-settings="jqxWindowSettings">
		             <div>Modal Window</div>
		             <div>
			             Please click "OK", "Cancel" or the close button to close
				     the modal window. The dialog result will be displayed in the events
				     log.
                             </div>
		</jqx-window>
            </jqx-panel>
	</div>
</body>
</html>

If i execute this coe, window is always shown in center. but I want to show inside the panel.

September 19, 2014 at 5:06 am in reply to: New theme is Not apllying when Button click New theme is Not apllying when Button click #59750

Kavyad23

Participant

Thanks a lot.. Peter.. Its working fine 🙂

Author

Posts

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2