w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories
Angular UI - tabs inside tabs
I ran into this same issue. It appears to work fine in 0.4.0 of Aungular UI - Bootstrap, but not in 0.5.0 as in your example. http://plnkr.co/edit/ROMOqn9gPc0IBKgxh8LN There is also a related issue that's currently open in github (#783). It appears directly related and produces the same javascript error as your plunker. I can't post this link because I don't have enough reputation points at the moment to post more than two links. The other two links were more informative. In my case, I also ended not using angular UI and just used angular concepts with bootstrap. http://plnkr.co/edit/Xor7B8erA1b8aD3FhEi2 Hope that helps!

Categories : Twitter

Getting Material Type & Changing to New Material
Not that way i am sure :) you can easy get it work ... :) see example one way to do it: http://forums.bukkit.org/threads/solved-checking-sign-text.57905/ Enjoy it...

Categories : Java

[Angular JS]- Tabs Pane Example - Dynamic Add Tab
that's strange... The limitTo filter doesn't seem to work, but you can create a new one and change your line <div ng-repeat="tabInfo in tabManager.tabItems" pane title="{{ tabInfo.title }}"> by <div ng-repeat="tabInfo in tabManager.tabItems" pane title="{{ tabInfo.title | limit:10}}"> with angularApp.filter('limit', function() { return function (input, value) { return input.substr(0,value); }; }); For the select one, I think it doesn't work because you have to have access to the pane scope. One way to do it is to access to access the property from the pane when you create it. In the pane directive, just add : if(scope.$parent.tabInfo.selected) tabsCtrl.select(scope); just after the tabsCtrl.addPane(scope); line. But then you also have to change the t

Categories : Angularjs

Angular ui-bootsrap tabs no content
Could you please post the LoggerController code? Your footer div isn't closed. Have you added the angular-ui bootstrap script http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js to your page and injected ui.bootstrap into you angular app module as follows angular.module('aModule', ['ui.bootstrap']);? If all those conditions are met then you should be fine, I think. :)

Categories : Javascript

Twitter Bootstrap and Angular.js- Drop down Add to Tabs
I recently struggled with this myself and to spare anyone else the trouble of figuring out the solution, I'm posting this example (uses the Jade generator). Requirements Angular Bootstrap setup HTML div(ng-app="ui.bootstrap.demo") tabset(type="pills") tab tab-heading span.dropdown(on-toggle="toggled(open)" dropdown) a(href dropdown-toggle).dropdown-toggle span Click me for a dropdown ul.dropdown-menu li a(href) action JavaScript angular.module('ui.bootstrap.demo', ['ui.bootstrap']); Result:

Categories : Twitter

how to specify href parameter for angular ui-bootstrap tabs directive
I hope it's not too late, but I encountered the same problem today. You can achieve it by: 1) Defining tab hrefs in the controller: $scope.tabs = [ { title:"tab1", href:"#/route1/page1" }, { title:"tab2", href:"#/route1/page2" } ]; 2) Declaring a function to change hash in the controller: $scope.changeHash = function(data) { window.location.hash = data; }; 3) Use the following markup: <tabset> <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" select="changeHash(tab.href)" /> </tabset> I'm not really sure on whether this is the best approach and I would love to hear from others.

Categories : Angularjs

Breaking a form between multiple tabs in angular breaks validation
From the ngForm directive docs: In angular forms can be nested. This means that the outer form is valid when all of the child forms are valid as well. However browsers do not allow nesting of elements, for this reason angular provides ngForm alias which behaves identical to but allows form nesting. This means that you can break your campaignForm form into sub-forms for each tab: <form name="campaignForm" class="form-horizontal" novalidate > <tabset> <tab heading="first"> <div ng-form="emailForm"> <input type="email" name="emailFrom" class="input-xsmall" placeholder="From email address" ng-model="campaign.info.emailFrom" required /> <span ng-show="emailForm.emailFrom.$dirty && emailForm.emailFrom.$error.re

Categories : Angularjs

Twitter Bootstrap and Angular.js- Dynamically Add Tabs and Tab Content but its not working
Bootstrap tabs require javascript to load them $('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); }); Each tab needs to be activated individually

Categories : Twitter

Top tabs, bottom tabs and action bar tabs in android
1) You can use Navigation Tabs! (and With that probably you'll use Fragmnets and not Activity) 2) Of course, the Navigation Up is really an usefull thing 3) Bottom tabs is possible with a Custom Layout.. I think it's not best thing, but you can do it! It's a very short anwser but you can check everything in developer training and checkin samples that you find in your SDK

Categories : Android

Multiple inserts to temp table followed by single insert to material table OR multiple inserts straight to material table
Analyzing the execution plan and running tests is always your best bet. Temp tables have their own overhead, so it really depends on a lot of factors. Take a look at understanding execution plans and INSERT performance between temp tables and a table variable for some background info.

Categories : SQL

Directive model binding doesn't work under angular ui bootstap tabs directive
The AngularUI boostrap directive creates a child scope, so a quick fix is to use the following inside your "Second" tab: <my-directive ng-model="$parent.ranges"></my-directive>

Categories : Angularjs

How to create Tabs in Android Application and add Tabs dynamically(Dependent on matching Users)
Now in latest version of android included ActionBarSherlock library. So you can directly add tab using that library in android. Sample code: try { ActionBar actionBar = getActionBar(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); // For each of the sections in the app, add a tab to the action bar. actionBar.addTab(actionBar.newTab().setText(R.string.firsttab).setTabListener(this)); actionBar.addTab(actionBar.newTab().setText(R.string.second).setTabListener(this)); actionBar.addTab(actionBar.newTab().setText(R.string.third).setTabListener(this)); actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE | ActionBar.DISPLAY_SHOW_CUSTOM); } catch(Exception e) { e.printStackTr

Categories : Android

Validating one form with multiple tabs, how to switch tabs without losing validation errors? Using Myfaces and Trinidad
I ended up using basic Javascript + CSS tabs for this. For my use-case, the tabs are really cosmetic, ie, they break up the page but aren't meant to be submitted separately. I also considered using pure CSS tabs, however from my investigation they don't work with cases where the heights of the tabs are not all equal and may change using AJAX. The best solution I can come up with is to make a list of <a> links, then use the onclick Javascript event for each URL to make the div ("tab") that it is attached to (using the href attribute of the <a> to save the id of the div you are trying to open), and in the onclick change the display CSS property of the divs (by changing the className Javascript property to show 1 div and hide the others). That way as you click through the list

Categories : Validation

Jquery Tabs reset the tabs after clicking a button inside Tab
Try this to set hash changes on URL when tab change and maintain hash on postback <script> $(function () { $( "#tabs" ).tabs(); // set hash on tab change $('#tabs ul li a').click(function () { location.hash = $(this).attr('href'); }); //maintain hash on post back $('#<%=Page.Form.ClientID%>').attr('onsubmit', 'this.action += top.location.hash'); }) </script> <div id="tabs"> <ul> <li><a href="#tabs-1">AFRICA</a></li> <li><a href="#tabs-2">EUROPE</a></li> <li><a href="#tabs-3">AMERICA</a></li> </ul> <div

Categories : Jquery

jQuery UI Tabs: Mismatching fragment identifier even with tabs defined
The problem is the target elements are not inside the tab element bill-selection-tab. Try <div class="bill-selection-tab"> <ul> <li class="tab active"> <div class="tab_left"></div> <div class="tab_right"></div> <div class="tab_proper"> <img alt="open-bills" src="images/open-bill-active.png"/> <a href="#open-tab">OPEN</a> </div> </li> <li class="tab"> <div class="tab_left"></div> <div class="tab_proper"> <img alt="settled-bills" src="images/settled-bill.png"/> <a href="#settled-tab">SETTLED</a> <

Categories : Jquery

Tabs in tabs - JavaScript error - Cannot set property className of null
Found a created plugin here: Tabs Source Code with JS Example of multiple tabs and sliders inside etc.: Multiple tabs example

Categories : Javascript

Regex: Find four tabs, but then select the first { prior to the tabs
You can reverse the question: Find the first { that is followed by a line with four (or more) leading tabs. This regex does the trick: {s* {4,} If for whatever reason you really only want to match the { itself, you can either put it in a group: ({)s* {4,} or use a look-ahead to make the whole match only {: {(?=s* {4,})

Categories : Regex

LWUIT tabs, how to make tabs as title of a container?
form.setScrollable(false); form.setLayout(new BorderLayout()); form.addComponent(BorderLayout.CENTER, tabs); Now when adding a component as a tab make sure it is scrollable.

Categories : Java

Need to add toggle effect to this: jQuery("ul.tabs-nav").tabs("> .pane");
I'm a bit of a beginner too, but I recently found how to do this. Add {show: { effect: "blind", duration: 1000 }, hide: { effect: "blind", duration: 1000 }} in your tabs() like so: $out =' <script type="text/javascript"> jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs({show: { effect: "blind", duration: 1000 }, hide: { effect: "blind", duration: 1000 }) }); </script> <div class="post-tabs'.$type.'"> '.do_shortcode($content).' </div> '; return $out; I've excluded the "> .pane" because I don't know how to include it with proper syntax.

Categories : Jquery

jquery-ui tabs callback not triggered when tabs are first initialized
It is because the first tab is not selected, it is activated as part of the widget initialization, which does not trigger the select event. One possible solution is to set the initialization value for oldTab as part of declaration. var oldTab; var newTab = mytabs.find('> ul a:first'); mytabs.tabs({ select: function(event, ui) { oldTab = newTab; newTab = $(ui.tab); if (oldTab){ console.log("do stuff with oldTab",oldTab.get()); } console.log("do stuff with newTab", newTab.get()); } }); Demo: Plunker

Categories : Jquery

Twitter Bootstrap Tabs: How to: Increase spacing between tabs
Set margin-left and margin-right of .nav-tabs > li > a, .nav-pills > li > a. The margin-right is 2px by default. b.e: .nav-tabs > li > a, .nav-pills > li > a {margin-left:25px;margin-right:27px;}

Categories : Twitter

Jquery tabs, how to indicate validation errors in other tabs when saving from another tab
Sharing an idea from my previous work in your case you might try to use wizard forms. Check this out Jquery Smart Wizard

Categories : Jquery

jQuery ui tabs: all tabs show same content
Here a working Fiddle. Looks like you have missed the css file. I added the following css to fiddle. http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css

Categories : Jquery

UI Tabs with all tabs hidden WITHOUT "active: false"
I changed $(window).load() to $(document).ready() and then added active: false to the tabs and it worked. Working Example //Load Orbit $(document).ready(function (e) { $('#featured').orbit({ directionalNav: true, animationSpeed: 800, advanceSpeed: 4000, pauseOnHover: true, bullets: false }); }); $(function () { $("#tabs").tabs({ hide: { effect: "fade", duration: 500 }, show: { effect: "fade", duration: 500 }, collapsible: true, active: false }); });

Categories : Jquery

jQuery UI Tabs with dropdown enabled tabs
for drop menus you can use css and simply jquery (.show) and (.hide). there will be some simple calculation and css positioning.Every tab container should have one your drop down menu list. once u hover the tab u can show the container ..if any lists presents under ur drop down lists u can show by another list which will be present at right side of drop down list which is selected in drop down.You can refer this link.. this idea make ur page looks good. http://foundation.zurb.com/page-templates4/grid.html

Categories : Jquery

jQueryUI Tabs - Linking Two Sets of Tabs
I don't think there is any kind of plugin that does what you are trying to achieve. The best and closest you can find is http://pastehtml.com/view/1by9nfd.html or http://jqueryui.com/sortable/#connect-lists-through-tabs I am not sure why do you need to do that but if possible, try considering a different approach or build the tab like feature using DIV and throw it inside the draggable container mix it with the samples given in the links and play with it. I highly doubt that someone will be able to provide you the exact sample you are looking for.

Categories : Jquery

Emissive material example in Three.js
Here is an example where not only all the material properties are explored but changes can be made on different material types: Material Explorer

Categories : Three Js

Wrap a material around a cube in Three.js
Typically, with a THREE.CubeGeometry, you can either: (1) Choose a single texture that repeats on each side of the cube, or (2) Have a different texture for each of the six sides You can also use repeat the number of times a texture is displayed on each side. For examples of each of these, check out the source code of the demos at: http://stemkoski.github.io/Three.js/Textures.html and http://stemkoski.github.io/Three.js/Texture-Repeat.html Hope this helps!

Categories : Javascript

Difference between $('#tabs a') and $('#tabs').find('a')
$("#tabs a") evaluates from right to left - which is the native direction of both Sizzle selector engine and querySelectorAll - i.e. first it finds all of the anchor elements in the page and then narrows it down to those under #tabs. $("#tabs").find("a") evaluates - more intuitively - from left to right, i.e. first it finds #tabs, and then only the anchor elements under it. Clearly the latter would yield better performance, but it would only be noticeable accumulatively; that is, if you run thousands of queries. Otherwise, the difference is negligible.

Categories : Javascript

Shrink material faces in threejs
See three.js/examples/js/modifiers/ExplodeModifier.js. Once each face has its own unique vertices, you can move each face vertex to a new location. You will likely also want the reset the face centroid, faceNormal, and vertexNormals. If you are using WebGLrenderer, you will have to set geometry.verticesNeedUpdate = true; See the Wiki article How to Update Things with WebGLRenderer.

Categories : Javascript

Ink 'n Paint Material does not work with ThreeJS?
First of all, Number 3) will NEVER work with OBJ, because obj will not export the ink shader from 3dsMax. And just to be clear, i don't think there is ANY way you can export the 3dsMax Shader. Then, I don't understand what 2) is about. What do you want to achieve anyway? Do you want to set an object to be transparent? What does this have to do with Ink 'n Paint? Btw. i am not sure if transparency works for MeshNormalMaterial, i guess it should but Lambert and Phong will definetly work with transparency. The problem is that you do not state what you want to achieve. From 1) it seems you want an outline around an object. For an outline see this example: http://stemkoski.github.io/Three.js/Outline.html or this one as a more advanced example: http://stemkoski.blogspot.de/2013/07/shaders-in-

Categories : Three Js

Physics Material slow down the game
You can add physics to the coins with delay. I mean add physics when coin is near to fall. Also you need to destroy every coin body when you are removing the coin out of the scene. If you are removing only sprite the there will be too many bodies on the scene.

Categories : IOS

C++ Final exam study material
Since B is derived from A, every B is an A. So pa can point to an object of type A or any derived type. But the type of object doesn't change, so b is still of type B and behaves as such. The only restriction is that, since it's being referenced by a pointer to A, you can only reference the methods and member variables that are declared in the base class A. For an explanation of why C++ works this way, look for a discussion on vtables.

Categories : C++

Detect if Angular dependencies [angular-route, angular-resource, etc] are loaded for CDN fallback
This is what I use: <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.5.0/ui-bootstrap.min.js"></script> <script> try { //try to load from cdn //use the name of the angular module here angular.module('ui.bootstrap'); } catch(e) { //error thrown, so the module wasn't loaded from cdn //write into document from local source document.write('<script src="sys/lib/ui-bootstrap.js"></script>'); } </script> angular.module throws an error if there is no such module, which is exactly what we need to know! try/catch is great here.

Categories : Javascript

Change material or color in mesh face
You are mixing apples and oranges. Do not use both face colors and MeshFaceMaterial simultaneously. First of all, in WebGLRenderer, you can't change the face materialIndex after the mesh has been rendered once. You can change one of the materials in the material array, however. You need to use MeshBasicMaterial for your mesh material, and specify vertexColors: THREE.FaceColors. That way you can control each face color. Be sure to initial each face color so you get the checkerboard pattern. Also set the material color to 0xffffff, otherwise you will see the multiplicative effect you are trying to avoid. three.js r.58

Categories : Javascript

Autodesk Inventor API Material Property Change
You have to find the material and assign it to the component definition. var app =(Application) System.Runtime.InteropServices.Marshal.GetActiveObject("Inventor.Application"); var doc = app.ActiveDocument; var partDoc = (PartDocument)doc; var compDef = partDoc.ComponentDefinition; var mass1 = compDef.MassProperties.Mass; var mat = (from Material material in partDoc.Materials where material.Name == "Titan" select material).First(); partDoc.ComponentDefinition.Material = mat; if (mat.StyleLocation == StyleLocationEnum.kLibraryStyleLocation) mat.ConvertToLocal(); var mass2 = compDef.MassProperties.Mass;

Categories : Vb.Net

OpenGL Texture override material color
only material color become transparent. Well, you're adding the values, that's what to be expected. You should instead use some blending function like mix (= s*a + d*(1-a) where s and d are material and texture and a is some blending factor) or slerp.

Categories : Opengl

THREE.js Using MeshPhongMaterial As Particle Material and Setting Size
Try this instead: var geometry = new THREE.TorusGeometry( rad, ringSize, 1, 200, Math.PI * 2); var material = new THREE.MeshPhongMaterial({shading: THREE.SmoothShading, blending: THREE.AdditiveBlending, transparent: true, color: ringColour, ambient: 0x000000, specular: 0xffffff, shininess: 1, vertexColors: false } ); var mesh = new THREE.Mesh( geometry, material ); scene.add( mesh ); var material = new THREE.ParticleBasicMaterial( { size: 1, transparent: true, vertexColors: true } ); var particles = new THREE.ParticleSystem( geometry, material ); scene.add( particles );

Categories : Javascript

extending lambert material, opacity not working
You need to separate properties of the material from the material uniforms. You can get your specific example to work like so: var shaders = { mylambert : THREE.ShaderLib[ 'lambert' ] }; var materials = {}; materials.mylambert = function( parameters, myUniforms ) { var material = new THREE.ShaderMaterial( { vertexShader: shaders.mylambert.vertexShader, fragmentShader: shaders.mylambert.fragmentShader, uniforms: THREE.UniformsUtils.merge( [ shaders.mylambert.uniforms, myUniforms ] ), attributes: {} } ); material.setValues( parameters ) return material; }; myProperties = { lights: true, fog: true, transparent: true }; myUniforms = { opacity: { type: "f", value: 0.4 }, }; var material = new materials.mylambert( myProp

Categories : Three Js

trouble about working with material of model visual 3d?
If you want to get color of the Brush used to create DiffuseMaterial as a string then you need to first check if it is DiffuseMaterial, as not all materials need to work of Brush, and then you have to check if Brush is SolidColorBrush as only that will support single color. Something like below should work: DiffuseMaterial material = result2.Material as DiffuseMaterial; if (material != null) { string brushColor = null; var brush = material.Brush as SolidColorBrush; if (brush != null) brushColor = brush.Color.ToString(); }

Categories : C#



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.