w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
appendChild does not put expand collapse icon in tree panel
Set the parent node (in your case the nodeinterface variable) "leaf" property to false before you append a new child. if(!nodeinterface.hasChildNodes()) { nodeinterface.set('leaf', false); nodeinterface.appendChild(dataFromES[0]); }

Categories : Extjs

Removing ExtJs' panel's collapse button and it's floating animation
Ext.require(['*']); Ext.onReady(function() { new Ext.container.Viewport({ layout: 'border', items: [{ region: 'west', collapsed: true, hideCollapseTool: true, floatable: true, width: 200, title: 'Foo' }, { region: 'center' }] }); });

Categories : Extjs

Panel Header covering the grid when I change its height - ExtJS
For a background image re-sizing, you can use background-size property. However, this is not supported by IE7/8. For managing the height of the panel, you can use % values or set @media queries.

Categories : CSS

Expand div+focus, collapse previous divs, and auto-expand on new page
$("a.postreply").click(function () { $('.postreplycontainer').hide(); $(this).closest('.blogcontainer').find('.postreplycontainer').slideToggle("fast"); //$('.replycontents').blur(); $(this).closest('.blogcontainer').find('.replycontents').focus(); }); Takes care of 1 and 2. I didn't understand the 3rd point.

Categories : Jquery

Expand div onclick and auto-collapse same div after time, unable to expand again
The problem is due to the growDiv function name and the variable name conflict. Either change the variable name or make it local like this. function growDiv(div) { var growDiv = document.getElementById(div); if (growDiv.clientHeight) { growDiv.style.height = 0; } else { var wrapper = document.querySelector('.measuringWrapper'); growDiv.style.height = wrapper.clientHeight + "px"; } setInterval(function () { growDiv.style.height = 0 }, 3000); return; } Update: http://jsfiddle.net/tfwqD/12/ var flag = false; function growDiv(div) { var growDiv1 = document.getElementById(div); if (flag) return; flag = true; var wrapper = document.querySelector('.measuringWrapper'); growDiv1.style.height = wrapper.clientHeig

Categories : Javascript

Extjs where to add a dynamically created panel object to my existing panel
Ok.. figured it out. Not too difficult after all... var grid = Ext.create('Ext.grid.Panel', {}); Ext.define('Ext.simplegridwidget.GridTest', { extend: 'Ext.panel.Panel', alias: 'widget.gridtest', title: 'User Management', items: [grid] });

Categories : Javascript

What is the difference between "activate" and "show" events on Ext.panel.Panel in Extjs 4?
Activate : 1. It will be triggered, after the component(DOM) has been loaded with all referece link and shown to the user. 2. Layout lifecycle - basic component creation Show : 1. It will be triggered, after the component has been shown at the time when we invoke the method "show" of the component. 2. Layout lifecycle - when we call show method of the component. Thanks.

Categories : Extjs

Expand and collapse div
You should be using event delegation and .on. The event handlers are being bound at the time of declaration, and so since the button-up class isn't assigned to the element when the handlers are being attached, nothing is being attached. You should be able to do something like $("p.overlay").on("click", ".button-up", function(){..});. Attach the handler to any element in the buttons ancestry (document is always a safe bet) that isn't going to change and then use the selector to filter.

Categories : Javascript

Expand and Collapse
Can you do it using jquery? Please visit this fiddle Js code: $(document).ready(function () { $('#toggle-view li').click(function () { var text = $(this).children('div.panel'); if (text.is(':hidden')) { text.slideDown('200'); $(this).children('span').html('-'); } else { text.slideUp('200'); $(this).children('span').html('+'); } }); });

Categories : Javascript

How can I make a div auto-adjust its height between two divs, according to window height using CSS/Javascript?
The correct way of ending <div> tag is by using </div>. Try this code- <body> <div style="position: fixed; top: 0px; left: 0px; width: 200px; height: 100%;"> <div style="float: left; height: 50px; width: 200px; background-color: green; position: fixed;"></div> <div style="float: left; height: 100%; width: 200px; background-color: red;"></div> <div style="float: left; bottom: 0px; left:0px; position: fixed; height: 50px; width: 200px; background-color: blue;"></div> </div> </body>

Categories : Javascript

Expand Collapse ExpandableListView
You can't have a ListView (ExpandableListView is a ListView after all) in a ScrollView. Romain Guy explains here briefly why. You need to rethink your layout.

Categories : Android

How to expand / collapse paragraph
The simple solution : Change <p id="special1"> to <p id="special1" style="display:none"> Another one if you have a CSS file : Add this to your CSS : #special1 { display: none; } An alternative would be to define in CSS classes for the visible and hidden states, set the class in HTML and switch classes in your JS code.

Categories : Javascript

Expand and collapse a div using javascript
how about: jQuery: $('.majorpoints').click(function(){ $(this).find('.hiders').toggle(); }); HTML <div> <fieldset class="majorpoints"> <legend class="majorpointslegend">Expand</legend> <div class="hider" style="display:none" > <ul> <li>cccc</li> <li></li> </ul> </div> </div> Fiddle This way you are binding the click event to the .majorpoints class an you don't have to write it in the HTML each time.

Categories : Javascript

Expand and collapse using javascript with [+] and [-]
use the show and hide functions of javascript to show and hide the divs: <div id="showHide" class="open" style="display: block;" onclick="showHide();"> <!-- Your Contents --> </div> Javascript: function showHide(currentElem) { if (currentElem.ClassName.indexOf('open') > -1) { // This means its open, now close it currentElem.className = 'closed'; currentElem.style.display = 'none'; } else { currentElem.className = 'open'; currentElem.style.display = 'block'; } }

Categories : Javascript

Grouping expand and collapse in GWT
Widget list Tree or maybe StackPanel seems like it would be useful here.

Categories : Gwt

Expand/Collapse - Javascript
You need to start it hidden with something like display:none or width:0px. Then add attribute or css to display. Better yet, create a 'displayed' class and add it to the element with JQuery in the onclick event.

Categories : Javascript

Expand and Collapse a UIView within a UIViewController
you can animate a view in and out of screen using a animation block like this, this is a example taken from one of my apps moving a view within a view resulting in a slide up from the bottom effect. -(void) showFxAnimation { [UIView beginAnimations:nil context:NULL]; [UIView setAnimationDuration:0.65]; [self.sliderFxSubView setFrame:CGRectMake(0.0f, [UIScreen mainScreen].bounds.size.height - 150,320.0f , 150.0f)]; [UIView commitAnimations]; } -(void) hideFxAnimation { [UIView animateWithDuration:1.0 animations:^{ [self.sliderFxSubView setFrame:CGRectMake(0.0f, 1200.0f, 320.0f, 150.0f)]; }]; }

Categories : IOS

iOS 7 Weather app expand/collapse transition
EDIT Check out this project. It demonstrates how to do the first part of the Weather app's transition using normal View Controllers and the transitioning API. I know this is a little late for a follow up, but I've looked for a library to do this, as well, but haven't found one. https://github.com/chefnobody/Colors I was able to do this using the new UIViewController Transitioning API. This example should get you started: http://www.teehanlax.com/blog/custom-uiviewcontroller-transitions/ To augment this example to get the pinch/pull table view cell separation animation you would need to identify the table view cell that was selected (or "selected" relative to the pinch gesture"), then in -animateTransition: you would animate the cells above and below the selected cell out of view,

Categories : IOS

Command name for Collapse All,Expand All Nodes in XML Editor
Its Edit.ExpandAllOutlining and Edit.CollapseAllOutlining i think. See Menu Edit->Outlining in Visual Studio. Here´s the reference from MSDN Hide Selection (CTRL + M , CTRL + H) - Collapses a selected block of code that would not normally be available for outlining, for example an if block. To remove the custom region, use Stop Hiding Current (or CTRL + M, CTRL + U). Not available in Visual Basic. Toggle Outlining Expansion Reverses the current hidden or expanded state of the innermost outlining section when the cursor lies in a nested collapsed section. Toggle All Outlining (CTRL + M, CTRL + L) - Sets all regions to the same collapsed or expanded state. If some regions are expanded and some collapsed, then the collapsed regions are expanded. Stop Outlining

Categories : Visual Studio

How to implement combination collapse/expand sidebar?
It is a combination of jQuery, CSS, and HTML. It is a slight tweak on a design pattern commonly referred to as "Off-Canvas Navigation" or just "Off-Canvas". I would begin by reading this Smashing Mag walkthrough and then modifying what you learn there to fit this demo.

Categories : Javascript

Unbind expand JQuery Mobile Collapse
Simple. Set the functions you would like to execute as separate functions like this : function expand() {..} function collapse() {..} Then your event handlers must be like this : $('#my-collaspible').bind({ 'expand': expand, 'collapse': collapse }); I prefer passing functions like this because it makes my code clean and understandable. THEN, let's come to the main part. Instead of just using unbind and removing all the functionality associated with the collapsible, use unbind with the function you previously bound it to like this : $(this).unbind('expand', expand); where the second expand is the anon function you passed. Later, when needed, the collapsible could be bound back to expand() like this. (again) $(this).bind('expand', expand); (Assuming this is the collapsi

Categories : Javascript

expand and open collapse depend on the value angular
You may achieve desired result with either ngClass or ngSwitch directive. The referenced documentation has detailed examples showing their usage. You should not manipulate or reference DOM from a controller. DOM manipulation should be restricted to directives.

Categories : Twitter

Change icon for expand collapse in angularjs
You should be looking at ng-class. Short example... in your template: <span ng-click="flag = !flag" ng-class="{ active : flag }"> click me! </span> in your css: .active { color: red; }

Categories : Javascript

How to add Expand/Collapse to a nested Gridview without using JQuery
You can use the asp.net ajax toolkit. Which still uses javascript, but you don't have to do any of it yourself. It's all done under the hood. http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/ Here is the collapse/expand panel extender http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx

Categories : Asp Net

Jquery Accordion - Expand and collapse div on hover
Not sure if that's what you want: http://jsfiddle.net/mwqhp/1/ <div> <div class=" div4"></div> <div class=" div5"></div> <div class=" div6"></div> <div id="container"> <div class="box div1"></div> <div class="box div2"></div> <div class="box div3"></div> </div> </div> and CSS #container { margin-top: 20px; float: left; margin-left: -300px; } .box { width: 100px; height: 100px; display: inline-block; } .div1 { background: yellow; float: left; } .div2 { background: red; float: left; } .div3 { background: pink; float: left; } body>div { width: 800px; } .div4 { height:20px; width: 100px;

Categories : Javascript

Expand/Collapse List of Items with jQuery
If the structure of the HTML cannot be modified, you're going to have to traverse the DOM... from the click event target (the anchor), up to its container (li) up to ITS container (ul) up to ITS container (div.controls) and then next() to find div.comments. jQuery can make that a pretty easy chain, but it is obviously somewhat fragile. If you CAN modify the structure of the HTML, you have a slew of better options available to you, and can use IDs and data- attributes to avoid the overhead of traversing the DOM.

Categories : Jquery

Accordion table cell - for expand and collapse ios
After selecting cell remember its index in selectedIndex property (you must make one). Add function to your table view: -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return indexPath.row == selectedIndex ? extendedHeight : normalHeight; } Don't forget to reload tableView after selecting cell.

Categories : IOS

Allow GridView cell's height to expand but maintain same height for all cells
Personally, when i want to keep the same height for Gridview items, i set Maxlines to 1 for Child TextView and i set a fixed height for child Container. in your exemple : add android:maxLines="1" to tvCaption add android:minHeight="X dip" and android:layout_height="X dip" to GridItem Replace X with a sufficient value.

Categories : Android

Setting panel height with content that does not fill the panel completely
The Panel in asp.net when rendered in HTML doesn't get rendered as a panel as panel is not a valid html tag. you could wrap div inside of the panel and provide styling to the div. <asp:Panel ID="Panel1" GroupingText="Material" CssClass="material" runat="server" > <div class="material"> <asp:RadioButtonList ID="RadioButtonList1" runat="server" > <asp:ListItem Selected="True">Plastics</asp:ListItem> <asp:ListItem Enabled="false">Glass</asp:ListItem> </asp:RadioButtonList> </div> </asp:Panel> <asp:Panel ID="Panel2" GroupingText="Material" CssClass="design" runat="server" > <div class="design">

Categories : Asp Net

javascript jquery expand collapse search results
You are adding your event listener to the click event of any h2 elements that are present on page load. It sounds like you are then loading in new content and expecting the same code to work for them. Instead, you will need to do this: $("body").on("click","h2",function(){ $(this).toggleClass("open"); $(this).next().toggle(); }); Which will work on any h2 that is on the page. If you want only h2s in a certain container to have the effect then replace body for a reference to that element EDIT: I see now that you are using quite an old version of jQuery that doesn't support the on() function. I would suggest upgrading if you can, or use Abhishek Saha's answer if you cannot.

Categories : PHP

Adding expand/collapse button to DataGrid cell
Use DataTemplate triggers with SourceName and TargetName: <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Grid HorizontalAlignment="Stretch" > <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <local:ExpandCollapseButton x:Name="MyButton"/> <TextBlock x:Name="MyTB" Text="{Binding Body}" Grid.Column="1" TextTrimming="WordEllipsis" /> </Grid> <DataTemplate.Triggers> <Trigger Property="IsExpanded" Value="True" SourceName="MyButton"> <Setter Property="TextBlock.TextTrimming" Value="None" TargetName="MyTB"/> </Trigger> </D

Categories : Dotnet

How to expand and collapse rows using header section in a UITableView
I draft up some code to give you the idea. The concept is we keep track of collapsed section in NSMutableSet and add/remove it according to the user touch on the section. The collapse/expand animation is actually the animation of adding/removing cells. #import "ViewController.h" @interface ViewController () < UITableViewDataSource, UITableViewDelegate> { NSMutableSet* _collapsedSections; } @property (nonatomic, weak) IBOutlet UITableView* tableView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; _collapsedSections = [NSMutableSet new]; } -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 3; } -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return [_collapsedSec

Categories : Iphone

D3.js collapsible tree - expand/collapse intermediate nodes
That toggle function doesn't do any sort of logic checking, it simply removes and adds the children. To do what you want, you'll need to use a bit of logic and data traversing, but it's not impossible. Try something like this: function toggle(d) { if (d.children.length === 1) { //next will be the first node we find with more than one child var next = d.children[0]; for (;;) { if (next.children.length === 1) { next = next.children[0]; } else if (next.children.length > 1) { break; } else { //you'll have to handle nodes with no children } } d._children = d.children; d.children = [next]; } }

Categories : Javascript

Move views accordingly uivew collapse/expand animation
You can get your result by manipulating the frame properties of the banner view and it's siblings in the banner's view hierarchy. All of this can be contained inside the banner view object. The frame property is animatable. Make a BannerView as a subclass of UIView. Add some methods to it's public @interface: - (void) collapse; - (void) expand; - (void) toggle; You will want a couple of properties for the banner's expanded and collapsed frames: @property (nonatomic, assign) CGRect expandedFrame; @property (nonatomic, assign) CGRect collapsedFrame; These can go in the (public) @interface or in a (private) category extension. Set them during the BannerView's initialisation: //initialising in code - (id)initWithFrame:(CGRect)frame{ if (self = [super initWit

Categories : IOS

Kendo tree view, nodes collapse but never expand again
This was a bug in Kendo UI but was solved in version 2013.1.514. Trying using: <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css" rel="stylesheet"> <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.default.min.css" rel="stylesheet"> <script src="http://cdn.kendostatic.com/2013.1.514/js/jquery.min.js"></script> <script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>

Categories : Kendo Ui

Expand / Collapse UITableViewCell with different cell and data source
You can do it like this: In .h: @interface TSViewController : UIViewController { NSMutableArray* subCellIndexPaths; } In DataTableViewSubCell.xib create one "Table View Cell" (other Views you have to remove). Change Class for "Custom Class" to DataTableViewSubCell. Replay it for second cell. In .m: - (UITableViewCell*) tableView: (UITableView*) tableView cellForRowAtIndexPath: (NSIndexPath*) indexPath { static NSString *CellIdentifier = @"Cell"; DataTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { if ([subCellIndexPaths containsObject: indexPath]) { NSArray* nib = [[NSBundle mainBundle] loadNibNamed: @"DataTableViewSuperCell"

Categories : Objective C

Hide/change collapse [-] and expand [ ] button on JTree
Yes to both: You can specify an empty Icon, as shown here. You can substitute your own implementation, as shown here. These are the relevant UIManager keys: UIManager.put("Tree.collapsedIcon", empty); UIManager.put("Tree.expandedIcon", empty);

Categories : Java

How do i add footertemplate to gridview with option for expand and collapse datarows?C#/ASP.NET
It would be easy Activate "AllowPaging" in your GridView. Make Paging row invisible. In every click of an icon increase "PageSize" for expanding or click of another icon decrease "PageSize" for collapsing.

Categories : C#

How to hide the expand/collapse icon for the detail grid in kendo ui
Try this: function dataBound() { var grid = this; //expand all detail rows grid.tbody.find("tr.k-master-row").each(function () { grid.expandRow($(this)); }) //remove hierarchy cells and column $(".k-hierarchy-cell").remove(); $(".k-hierarchy-col").remove(); } Hope this helps...

Categories : Kendo Ui

How to Display Items and Details with Windows Explorer Expand/Collapse
This can be done with the standard WPF Treeview. Josh Smith's article on Simplifying the WPF TreeView includes a sample showing how to provide lazy-loading of the data for the subitems within each TreeViewItem. The basic approach is to make a "dummy" child of each item in the ViewModel, and track the expanded state of each TreeViewItem. As a TreeViewItem is expanded, the dummy child is removed and replaced with the real data.

Categories : Wpf



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