Using Accordions and Tabs
javascript,jquery,html,tabs,accordion
I tried your code, created a JSFiddle and all I had to change was this line: $("div.styleguide_demo_accordion1").accordion({header: "h2", collapsible: true, heightStyle: "content", active: false}) to $("div.styleguide_demo_accordion1").accordion({header: "h3", collapsible: true, heightStyle: "content", active: false}) So basically, after changing the header option from h2 to h3, it appears to work as intended....
Tabs in TabLayout not filling up entire ActionBar
You can read this TabLayout. GRAVITY_CENTER Gravity used to lay out the tabs in the center of the TabLayout. GRAVITY_FILL Gravity used to fill the TabLayout as much as possible. MODE_FIXED Fixed tabs display all tabs concurrently and are best used with content that benefits from quick pivots between tabs....
Restoring instance variables in Android upon activity recreation
android,android-activity,tabs,fragment,recreate
THe answer to your problem is using the bundle for state restoration. Create a class in where you can put the variables and is serializable so you can put the its object to the bundle. Or you may also use SharedPreferences to store the instance variables' value in the phone...
PyQT Qtabwidget hide and close certain tab
You can remove the close button of the tabs that should not be closed. This is done by with the function setTabButton of QTabBar, like this: QtGui.QTabWidget.tabBar().setTabButton(0, QtGui.QTabBar.RightSide,None) Here, we set the button of the first tab to be None. With the same function, you could also create your own...
How to open in new tab using button
javascript,html,css,button,tabs
You can use Javascript function openTab(url) { var win = window.open(url, '_blank'); win.focus(); } ...
Adding a search function to the Android tab bar
android,mobile,tabs,navigation
You can embrace Material Design With a rounded floating SearchButton at bottom-right of the screen Example Image...
Targeting tabs on page with direct URL link breaks URL on tab click
javascript,jquery,hash,url-rewriting,tabs
This version of organictabs.jquery.js got it working in the end seemed to be an issue with the way it treated the URL.. Maybe this will help someone else. // IIFE (function($) { // Define Plugin $.organicTabs = function(el, options) { // JavaScript native version of this var base = this;...
How to get rid of the bottom shadow in label of the css tabs
css,tabs,positioning,shadow,box-shadow
What about using pseudoelement :before (you have used alreasdy after) to make a little white rectangle to hide it? label:before { content:''; display:block; width:100%; height:15px; background-color:#fff; position:absolute; bottom:-11px; left:0; z-index:10; } Codepen...
How to set the last tab default in jquery Ul tabs?
Unless you have specific reasons to stick with that code (which in my opinion is pretty convoluted) I'd use the code that's show on the JQueryUI homepage. Basically, the html for the tabs will look like <div id="tabs"> <ul> <li><a href="#tabs-1">T1</a></li> <li><a href="#tabs-2">T2</a></li> <li><a href="#tabs-3">T3</a></li> </ul> <div id="tabs-1"> <p>...</p> </div>...
CMFCTabCtrl color customising
The colors are retrieved from the current instance of the CMFCVisualManager. CMFCVisualManager::GetTabFrameColors is used. And some other manager functions like OnEraseTabsFrame and OnEraseTabsArea. So derive your own visual manager from the one you prefer. Overwrite the specific functions and so you can change the colors and behavior. There is no...
Andoid, how can i get a row of a listview and send to other tab?
You can pass your value from one tab to another tab or from tab activity to tab.like below //Create the public static reference of TabHost and intent in your TabActivity. i.e public static TabHost tabHost; public static Intent intent; //in TabActivity initialize it inside OnCreate tabHost = getTabHost(); intent =getIntent();...
How to display text in browsers tab bar in a javaserver page [closed]
Browser tabs display the FavIcon and the <title> of the page. You can't really display multiple lines in a browser tab, though you could separate information you want to display in it with a -, which is pretty common practice. For example: <html> <head> <title>My Title - Awesome Web Page</title>...
Coldfusion dynamic output of Bootstrap tabs
dynamic,coldfusion,tabs,bootstrap
The problem is here: <a href="###day##" aria-controls="##day#"... You have too many hashes after the first variable. Should be: <a href="###day#" aria-controls="#day#"... This should then output a functional link: <li role="presentation"><a href="#22" aria-controls="22"......
How to use multiple instances of Jquery-tabs.js in one page
javascript,jquery,html,jquery-ui,tabs
Thanks for the input :) I went back to ask some colleagues about the issue, and it turns out that the issue I was facing was due to the previous web developer not placing the script for the assigning tabs and tabs2 in the proper place. I'm currently trying to...
Updating the contents on tab changed in view pager
android,tabs,android-viewpager,fragment,pagerslidingtabstrip
Haah.. Finally i got an answer to after an heck of losing almost 1 and half days. It might be not completely good answer but atleast it is one of the closest I got. First of all MainActivity.java looks like: tabs.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { int scrollPosition = 0; @Override public void...
How to handle listview event while using new android sliding tabs technique?
You can add an OnPageChangeListener and if a specific tab gets selected you fetch the data and fill the ListVIew with it. public class PostStory extends ActionBarActivity implements ViewPager.OnPageChangeListener { ... @Override protected void onCreate(Bundle savedInstanceState) { ... pager = (ViewPager) findViewById(R.id.pager); pager.setAdapter(adapter); pager.setOnPageChangeListener(this); ... } @Override public void onPageSelected(int...
Android simple tabs with toolbar
java,android,layout,tabs,icons
If you are using toolbar you need to use SlidingTabLayout for tabs in toolbar as follows TabFragment.java public class TabFragment extends Fragment { private SlidingTabLayout mSlidingTabLayout; private MyActivityAdapter mAdapter; private ViewPager mViewPager; private Menu mMenu; private ScreenNames mScreenName = ScreenNames.UNRAVELING_ME; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setHasOptionsMenu(true); } @Override...
Android Tabcontent overlap with tab
android,xml,android-layout,tabs
Well you have put the tabs into your tabcontent. The correct layout is this <LinearLayout> <TabWidget /> <FrameLayout /> </LinearLayout> I guess you are following this tutorial. The first XML layout there is what yours should look like....
“label.error” seems to always be present on every bootstrap tab
javascript,jquery,twitter-bootstrap,tabs
Figured it out with @Red2678's help (thanks)...here's what's working for me now... // Check all tabs for errors & show first tab that has errors $(".tab-content").find("div.tab-pane").each(function (index, tab) { var id = $(tab).attr("id"); $('a[href="#' + id + '"]').click(); $("#" + formId).validate().form(); var activeTab = $('div.tab-pane.active'); var isErrorPresent = false; if...
Is there a “working” example of using jquery tabs with MVC 4 views in VS2012, VS2013 or VS2015
jquery,asp.net-mvc,asp.net-mvc-4,visual-studio-2013,tabs
Even better: How to include javascript code in asp.net MVC4 View page? full page code is: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Foo</title> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> </head> <body> <div id="sections"> <ul> <li><a href="#section-1">section-1 </a></li> <li><a...
Load to the first tab when select onchange HTML/PHP
javascript,php,jquery,html,tabs
$('#select1').on('change', function (e) { $('#myTab a:first').tab('show'); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> <div role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist" id="myTab"> <li role="presentation"...
Clicking on angular ui tabs fires event many times
javascript,angularjs,tabs,angular-ui-bootstrap
Remove the manual import from your entries.html and use ng-controller in the div that includes entries.html. Then, I think you will not need to use $scope.parent in the child controller, as the scope will be the same as the main one <tabset justified="true"> <tab heading="{{ tab.display }}" select="tsc.selectTab(tab.date)" ng-repeat="tab in...
jQuery tab moves to last tab on button click
I would do slight mods to your current js and check whether it solves your prob: $("form[name='formAddProductGeneralInfo']").submit(function(e) { var currentli=$('.nav-tabs').find('li.active')//keep reference to your active li var currentContent=$('.tab-content').find('div.active');//reference to your current active content var inputData = new FormData($(this)[0]); $.ajax({ url: '{{ url('/admin/products/general') }}', type: 'POST', data: inputData, async: true, success: function(...
Jquery ui tabs error
I created working example for you. You can hide tabs after page load like it: var tabs = jQuery('#tabs1'); tabs.hide(); Then show after button clicked: jQuery('#someButtom').on('click', function() { tabs.show(); jQuery("#tabs1").tabs(); }); working example on jsfiddle: example...
SWT CTabFolder doesn't display when running from eclipse
eclipse,tabs,swt,windowbuilder
And Finally I've figured the problem in the code. The composite in the base layout was assigned with the StackLayout as follows. Composite content = new Composite(shell, SWT.BORDER); content.setLayout(new StackLayout()); content.setLayoutData(new GridData(SWT.FILL, SWT.FILL, true, true)); When I changed the StackLayout to GridLayout, I got a working solution. Composite content =...
Chartkick and Twitter Bootstrap interaction is messing up my dashboard
twitter-bootstrap,twitter-bootstrap-3,tabs,chartkick
Turns out the problem was with the div's and the way the tabs are actually sub-divisions of divisions and total available box sizes. I ended up putting each graph on its own page.
Calling Fragment from inside the BaseAdapter class in PageViewer Android
android,android-fragments,tabs,transactions,android-viewpager
Use this: Fragment.replace("res_id",fragement to replace); ...
Android Studio: How to go to a specific tab in a Sliding Tab Layout from another activity
Try using: int page = 1; viewPager.setCurrentItem(page); EDIT: Passing the page index as an intent from your last Activity to your initial one public void submitButton(View view){ Intent intentSurvey = new Intent(this, MainActivity.class); intentSurvey.putExtra(ARG_PAGE, page); startActivity(intentSurvey); } Getting the argument in the main Activity: int defaultValue = 0; int page...
How to determine which tab was right clicked on?
Your e.Location value you get from the ContextMenu has no relationship with the rectangle area of the TabPage header. Try storing the value in the TabControl's MouseUp value: Point tabMouse = Point.Empty; void tcDocuments_MouseUp(object sender, MouseEventArgs e) { tabMouse = e.Location; } Now you can just use the proper Click...
Android: how to change menu item at page scrolling with ViewPager?
android,android-fragments,tabs,menuitem,swipe-gesture
In each Fragment you have to override onCreateOptionsMenu, with different menu/menu.xml files @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { menu.clear(); inflater.inflate(R.menu.menu, menu); super.onCreateOptionsMenu(menu, inflater); } Don't forget to call setHasOptionsMenu(true);, in onCreate of your Fragment ...
How to re-activate Lazyload when navigating between tabs?
I've tried many fixes, including the ones in Lazyload's on website. None of them worked when the content is inside tabs. But as Lazyload is triggered by scrolling I've managed to activate it by moving the page only 1px. Which is practically unnoticeable. Here's how to do it in two...
AngularJS Material Design : Different colors for different tabs in md-tabs
angularjs,tabs,angular-material
AngularJS Material design (md) tabs, md-tabs background color is transparent and uses the background color of your main container. Try to add CSS class for md-tabs . Added background to entire md-tabs md-tabs { background: red; border: 1px solid #e1e1e1; } By adding CSS childs to md-tab class, you can...
Preference Screen in SlidingTabLayout
java,android,tabs,screen,preference
Just add item PreferenceFragment to your ViewPager adapter. public static class PrefsFragment extends PreferenceFragment { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Load the preferences from an XML resource addPreferencesFromResource(R.xml.preferences); } } ViewPagerAdapter: @Override public Fragment getItem(int position) { switch (position) { case 0: return new PrefsFragment(); default: return...
How to open a website in the same tab with javascript
If you assign to window.location, then the current window will load a new URL in that tab: window.location = "http://www.yoursite.com"; See What's the difference between window.location and document.location in JavaScript? for why it is slightly safer (for cross browser compatibility) to use window.location instead of document.location, though in most browsers...
Page captions (of tab control) not shown in print preview
ms-access,printing,tabs,ms-access-2010,print-preview
This is on a fairly old article but I think it is still valid. The answer is because Microsoft doesn't want them too. https://support.microsoft.com/en-us/kb/kbview/167064 That states that if you want to print a tab control you need to use an ActiveX one. Reading online seems to say "Forms aren't for...
Tabbed Notepad - not able to remove close button
Your problem seems to be, that you don't keep separate references to the Buttons you create. The way you wrote the code, suggests that you have a class level variable btnPlay, to which you assign a dynamically created local variable btnPlay, thereby overwriting the reference to the old Button: Button...
How to stop URL with hash from jumping to anchor?
javascript,jquery,tabs,anchor,hashtag
THE FIX html <div class="tabs"> <ul> <li><a href="#content1">Tab 1</a></li> <li><a href="#content2">Tab 2</a></li> <li><a href="#content3">Tab 3</a></li> </ul> </div> <div class="content content1"> <p>1. Content goes here</p> </div> <div class="content content2"> <p>2. Content goes here</p> </div> <div class="content content3"> <p>3. Content goes here</p> </div> js...
Following up emacs TAB indentation with TABs, not spaces
text-mode-common-hook doesn't seem to exist. There is text-mode-hook, though. This should work: (setq-default indent-tabs-mode nil) (add-hook 'text-mode-hook (lambda () (setq indent-tabs-mode t))) ...
iOS - Return to Safari from Native App without Opening New Tab
There is a way to accomplish what you want using standard iOS APIs. No need to use external components. You control your webpage and your app, so you know the exact URL that has the link to your app. These are the steps: 1) In your app, define a custom...
In JQuery UI Tabs: how to show the selected tab after activating it via JavaScript?
I found that removing a non-existent tab did what I wanted to do and scrolled to the selected tab. $('#tabElem').tabs("remove", 99)...
Angular strap tabs doesn't open any tab on data reload
Two issues: 1) You are assigning $scope.tabs.activeTab to 0, then in the next line immediately overwriting it by assigning tabs to a brand new scope variable with $scope.tabs = tabs2 2) Because of the way browser events work, the directive binding is happening out of order with your active tab...
TAB key in Code128 barcodes
Code 128 can indeed be used to encode any character in the ASCII (and extended Latin-1) character set. Here is a Code 128 barcode representing a lone HT character (ASCII value 9): The internal encoding uses code set A and contains these code words: [103/START-A] [73/HT] [73/check-digit] [106/STOP] It is...
String concatenation not working in HTML declaration of TABS through PHP variables [closed]
It looks like you are missing " //your code echo '<div class="tab-pane" id="panel-"'.$a.'>'; ///should be echo '<div class="tab-pane" id="panel-'.$a.'">'; ...
Angular - Best way to load html page inside tab's content
javascript,angularjs,tabs,angular-bootstrap
I moved the script from home.html to index.html and removed the ng-app from the home.html. <script> app = angular.module('ui.bootstrap.demo', ['ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope, $window) { $scope.tabs = [ { title:'Home', content:'home content', url:'home.html' }, { title:'Manage Users', content:'Manage Users content', url:'manageUsers.html'}, { title:'Manage Configuration', content:'Manage Configuration content', url:'manageConfiguration.html'}, { title:'Manage...
angular bootstrap scrolling tabs
Amarpreet, make sure jQuery is loaded before angular, as the Issue on GitHub says
Freeze first tab in C#.net tab control
I have figured out a way to freeze the first tab. The problem with the above solution is, I tried to manipulate the tab page list inside the paint method. It causes to call the paint method over and over again and generates exceptions. So I have tried to manipulate...
how to pause timer in another activity in android
Use This public class AndroidActivity extends Activity implements OnMapClickListener { Timer timer1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.map); } @Override protected void onPause() { // TODO Auto-generated method stub super.onPause(); timer1.cancel(): } @Override protected void onResume() { // TODO Auto-generated method stub super.onResume(); timer1 = new Timer(); timer1.scheduleAtFixedRate(new...
Android Design Support TabLayout overlapping content
android,layout,tabs,android-toolbar,androiddesignsupport
You need to add app:layout_behavior="@string/appbar_scrolling_view_behavior" to your ViewPager: this is what changes the height of the View to be below the AppBarLayout rather than the full match_parent height.
change custom product tab position in admin grid Magento
magento,tabs,position,admin,product
You can use the action addTabAfter instead of addTab, then you have to specify the <after> parameter (categories, websites, upsell...). I edited the code of your tutorial for example: <reference name="product_tabs"> <action method="addTabAfter"> <name>custom</name> <block>inchoo_customlinkedproducts/adminhtml_catalog_product_edit_tab</block> <after>upsell</after> </action> </reference> I hope this is fexible enough for you....
Add tab under android.app.fragment
android,android-fragments,tabs,android-viewpager
I found the following solution. I think it's suitable and satisfy my requirements. https://github.com/astuetz/PagerSlidingTabStrip but i have a problem in using it, I will open new thread for that. thanks all for trying...
CSS Slider's Tab's Active Class (Bootstrap) doesn't work on second slide
css,twitter-bootstrap,tabs,slider
Your tab's href's location need to be unique. Right now you are repeating the same href="tab1", href="tab2" for each slider. You can change it to: href="tab1-a", href="tab2-a" for gallery 1. href="tab1-b", href="tab2-b" for gallery 2. Also, make sure you follow the same process for the id's. I cannot paste full...
Passing Browser Tab information at backend?
java,session,tabs,guid,browser-tab
You'll have to generate your tab-id and pass it back with each request, but the following might make it a bit easier: You can use sessionStorage from Web Storage API to store values unique to each tab. Every tab in the browser starts a new session so they are always...
Android - App crashes, using Swipe Tab Views
I think you are getting null value of actionBar here: actionBar = getActionBar(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); change to actionBar = getSupportActionBar(); using the import: import android.support.v7.app.ActionBarActivity; and remember, you have to extend from ActionBarActivity public class MainActivity extends ActionBarActivity { More info: If you are using the support library import android.support.v7.app.ActionBarActivity; public...
AngularJS tabs with ng-repeat
There are multiple ways to approach this (one is dcodesmith's great answer). Use Controller As syntax If you wish to define view-only variables on your view (as you did in your example), use the Controller As syntax. One of the pros you'll get using this approach is direct access to...
Creating pages within tabs with Javascript - Link not working
If I understand your question ... try changing your click event handler to be delegated. jQuery('.tabs').on('click', ' .tab-links a', function(e) { The .tab-links don't exist when you originally bound the event handler, so you need to delegate it to the parent .tabs Reference: http://api.jquery.com/on/#direct-and-delegated-events...
Multiple jQuery UI Tabs on Page: Close all other tabs when another is opened
jquery,jquery-ui,tabs,jquery-ui-tabs,jquery-tabs
The only problem I could find was that you were not including links inside the tags. These links must have an href that matches the id of the divs you made below. Eg: jQuery('.leadershipTabs').tabs({ active: false, collapsible: true }); $('li').click(function () { var dom = $(this).find('a').attr('href'); $('.leaderPod').not(dom).hide(); $('.ui-tabs-active').not(this).removeClass('ui-tabs-active'); $('.ui-state-active').not(this).removeClass('ui-state-active'); document.getElementById($(this).attr('id')).scrollIntoView(true);...
Disable a Tab in angularjs
angularjs,model-view-controller,tabs
What you can do is give a property disabled, and check that on the tab click: $scope.tabs = [{ title: 'One', url: 'coredcplan.html' }, { title: 'Two', url: 'migration.html', disabled: true }, { title: 'Three', url: 'schedule.html' }]; $scope.onClickTab = function (tab) { if(tab.disabled) return; $scope.currentTab = tab.url; } See...
Chrome extension find tabs
javascript,api,google-chrome,tabs
You can use: chrome.tabs.query("http://google.co.uk", function(tabs) { // if no tab found, open a new one if (tabs.length == 0){ chrome.tabs.create({ "url": "http://google.co.uk", "index":0, "pinned":true }); } // otherwise, pin it else{ chrome.tabs.update(tabs[0].id, { pinned: true }); } }); ...
How can i access the control in fragment in a tabed layout in android?
android,android-fragments,tabs,nullpointerexception
From the onCreate() method of an activity you only can get view elements on the activity XML. You can do this on the Fragment class instead of the Activity: @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_view, container, false); TextView textView1 = (TextView) view.findViewById(R.id.textView1);...
How to edit .vimrc file to replace tab with spaces?
To convert tabs to spaces use the commands below in the order below: :set noexpandtab :retab! :set expandtab :retab! I go this answer from watching this vim cast. Tidying Whitespace Vim can already detect the file type yaml so you can use that to replace all TAB's in your YAML...
Change TabItem's Header FontWeight
Could you try this code to change TextBlock as Bold <TabControl> <TabControl.Resources> <Style TargetType="TextBlock" x:Key="HeaderTextBlockStyle"> <Style.Triggers> <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=TabItem}}" Value="True"> <Setter Property="FontWeight" Value="Bold"/> </DataTrigger> </Style.Triggers> </Style> </TabControl.Resources> <TabItem> <TabItem.Header> <TextBlock Text="Header Text"...
AngularMaterial: Custom md-tab-label in md-tabs
angularjs,tabs,angular-material
So, I was doing this the wrong way. The correct way is: Define your markup Then add css In this case, the css can be like: all-tabs {font-size: 20px;} .demo-tab { color:green; } and in html: <md-tab-label> <all-tabs class="demo-tab"> {{$index+1}} </all-tabs> </md-tab-label> Resulting tabs: ...
Java Swing Tabs with multiple panels [closed]
Yes this is definitely possible as Tim B described using a CardLayout. Take a look and maybe this example will help out a bit. public class JavaApplication2 extends JFrame { private JPanel mainPanel, cpOne, cpTwo; private JButton btnContine, btnGoBack; private CardLayout c1; public JavaApplication2() { super("Card Layout"); mainPanel = new...
border on bootstrap tabs content
css,tabs,bootstrap,right-to-left
The main problem is the pull-right on the ul element. Remove pull-right class from the ul Remove the clear-fix element as it's not needed anymore Remove top border from your tab-content class Float the lis right Correct the margins on the tab anchors Relevant HTML: <ul class="nav nav-tabs"> <li class="active"><a...
android tabs not working
You have to create a class that implements TabListener interface protected class MyTabsListener implements ActionBar.TabListener{ private Fragment fragment; public MyTabsListener(Fragment fragment){ this.fragment = fragment; } public void onTabSelected(Tab tab, FragmentTransaction ft){ ft.add(R.id.layout2, fragment, null); } public void onTabReselected(Tab tab, FragmentTransaction ft) { } public void onTabUnselected(Tab tab, FragmentTransaction ft) {...
Swift and Xcode - How to Create Custom Tab Bar Icons
ios,xcode,tabs,icons,photoshop
After a bit of research I resolved the issue, so thought I'd post here in case anyone else has a similar issue. In Photoshop I did the following: Imported the image I wanted to use as the tab bar icon (its easier if you use a black and white image...
Need help moving HTML+CSS Tabs below the respective content pane
Yes, just change the CSS top: 53px;to bottom:0; CSS .tabs .tab-content { z-index: 2; display: none; overflow: hidden; width: 100%; font-size: 17px; line-height: 25px; padding: 25px; position: absolute; bottom: 0px; // Here is the change left: 0; background: #E6E6E6; } DEMO HERE...
Zurb Foundation grid or block grid not working with vertical tabs
html,tabs,grid,zurb-foundation,zurb-foundation-5
The tabs vertical and tabs-content got some special properties to build to vertical navigation structure. Tab tabs vertical got width: 20% and float:left. The .small-block-grid-3 breaks out of this float. Try: @import "foundation"; .small-block-grid-3 { margin-left: 20%; & > li:nth-of-type(3n+1) { clear: none; } } Demo: http://sassmeister.com/gist/b3c63c443765c4b7ad56 update is this...
Showing and hiding fragments are not committed (don't occur) immediately when SwipeRefreshLayout is refreshing
android,android-fragments,tabs,instagram,fragmentmanager
Just faced the same issue with only difference - I'm switching fragments on toolbar buttons click. I've managed to get rid of overlapping fragments overriding onHiddenChanged: @Override public void onHiddenChanged(boolean hidden) { super.onHiddenChanged(hidden); if (hidden) { yourSwipeRefreshLayout.setRefreshing(false); } } ...
Load Google Maps in a tab when tab is picked, and not from begining
java,android,google-maps,android-fragments,tabs
The FragmentPagerAdapter will always load both of your fragments simultaneously (since the user could swype to the next tab in any moment), and you cannot make the number of preloaded Fragments less then 2 (one for each side). If you want you can just initialize the map after the user...
how to auto complete files names on bash script?
The read command requires the -e flag in order to use the readline library to edit the command line (including completions): echo "Enter tour file: " read -e n echo "$n" ...
php open site in new tab (no window)
Are both sites in the same domain?? If not, it may look like phishing. If both sites aren't in the same domain but are trusted sites, you may need a certificate for each site. If you want to open the bank site as a tab, you could use an iframe...
Two line Tab Text
c#,winforms,text,tabs,multiline
The full solution is spread over the TabControl and its TabPages. To enforce a NewLine you insert a \n in the TabPage's Text. tabPage1.Text = "Line one\nLine two"; Note that you need code to set the Text. Setting it in the Designer won't work! (It takes the Backslash literally instead...
Getting same list for two tabs in tabs with listview on start of activity
The problem is you are calling setListData every time a pager item is intantiated, which in turn populates the CustomListViewValuesArr with data of the given position. Then your list adapters are directly using this array cause it's defined in your fragment and depending on the last instantiated item, it's contents...
Setting SharedPreference within Fragments as Tabs
android-fragments,tabs,sharedpreferences
Solved: I needed to set the SharedPreferences in the OnPageChangeListener class within MainActivity, not in the Fragments (doh!). mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { actionBar.setSelectedNavigationItem(position); SharedPreferences.Editor editor = prefs.edit().putInt("tabPref", position); editor.apply(); } }); ...
jQuery tabs - content appearing outside the tab border
You need to remove the position:absolute from #container. See this fiddle...
How to make element inside table switch tabs using jquery ui tabs
javascript,jquery,jquery-ui,tabs,jquery-ui-tabs
Try adding this to your jQuery: $(".tab2").on("click", function() { $("#tabs").tabs("option", "active", 1); }); Also, change your HTML to this: <table> <tr> <td><a class="tab2">ABC123</a></td> <td>Smith</td> <td>50</td> </tr> <tr> <td><a class="tab2">ABC124</a></td> <td>Jackson</td> <td>94</td> </tr> </table> Documentation...
Tabbed Content: Left Border Disconnected from Tabs Above - html CSS jQuery
$('.tabs-stage div').hide(); $('.tabs-stage div:first').show(); $('.tabs-nav li:first').addClass('tab-active'); // Change tab class and display content $('.tabs-nav a').on('click', function(event) { event.preventDefault(); $('.tabs-nav li').removeClass('tab-active'); $(this).parent().addClass('tab-active'); $('.tabs-stage div').hide(); $($(this).attr('href')).show(); }); body { MARGIN: 1.5% color: #666; font: 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",...
How to capture RightMouse Click in empty area of tab control?
I ended up doing it by setting a style with an event handler like so: <Style x:Key="{dxt:DXTabControlInternalThemeKey ResourceKey=PanelContainerTopLayoutStyle, IsThemeIndependent=True}" TargetType="{x:Type dx:TabPanelContainer}" BasedOn="{StaticResource {dxt:DXTabControlInternalThemeKey ResourceKey=PanelContainerTopLayoutStyle}}"> <EventSetter Event="PreviewMouseRightButtonDown" Handler="DXTabControl_PreviewMouseRightButtonDown"/> <Setter Property="Background" Value="Transparent"/> </Style> Then I looked...
NullPointerException navigationDrawer and tabs in android
android,tabs,navigation-drawer
In onCreate you are calling addDrawerItems() before you assign a value to mDrawerList. So it is null when you try to set its adapter.
angular-ui-tab-scroll: Weird spacing beetwen block to tabs included separetely
javascript,jquery,css,angularjs,tabs
It's because you are using inline-block. A series of inline-block elements formatted like you normally format HTML will have spaces in between them. To solve this you should use float, or reformat you html to not have spaces between elements. I recommend you use float. Fighting the Space Between Inline...
Reload table Ajax jquery
Try: Add tbody id <tbody id='tbodyid'> And clear before append $("#tbodyid").empty(); In your code function json(data){ $("#tbodyid").empty(); $(data).each(function(index,value) { ... ...
How to update a FirefoxDriver (WebDriver) object when opening, and switching between tabs?
java,firefox,selenium,tabs,selenium-firefoxdriver
I found a solution/workaround to correct the driver's current view. After the driver switches to a different tab, a call to switchTo().defaultContent() must be made. The working code is as follows: FirefoxDriver driver = new FirefoxDriver(); driver.get("http://www.google.com"); // display starting tab URL System.out.println(driver.getCurrentUrl()); // expected output: google.com WebElement body =...
ActionBar tab implementation fails in Fragment
android,android-fragments,tabs
I would recommend using a toolbar with slidingtablayout from appcompat v21+ for easy implementation.
Disable fade In effect on second click of the element
I've updated your code as shown below. I've added an extra variable called "currentTab" and that will hold the current tab name. The time when click on the tab,checking the selected tab with the variable "currentTab". If the condition is true, using the jquery show() method instead of the fadeIn()...
How to avoid calling 'onCreated()' method of near tabs when i switch to some tabs?
android,eclipse,tabs,fragmentpageradapter
You can't. You can set your number of "pre-cache" tabs in your View Pager viewPager.setOffscreenPageLimit(3); But the minimum number to load is one back and forward, the equivalent: viewPager.setOffscreenPageLimit(1); In order to be able to swipe....
Use Tab with new ToolBar (AppCompat v7-21) in mvvmcross
android,tabs,xamarin,android-toolbar
I works just the same as normal Android apps. Use the layouts that Gabriele Mariotti's link has. To make the viewpager work with bindings in MvvmCross you need to use something like this: https://github.com/MvvmCross/MvvmCross-AndroidSupport/blob/master/Cirrious.MvvmCross.Droid.Support.V4/MvxFragmentStatePagerAdapter.cs For better readability: https://gist.github.com/martijn00/23b00172af9e2c798f3d Here is some code: <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout...
Bootstrap Tabs First Tab dynamically loading without having to click on it
javascript,jquery,ajax,twitter-bootstrap,tabs
Here is the solution. Hope it helps! (: JS: $('.active[data-toggle="tabajax"]').each(function(e) { var $this = $(this), loadurl = $this.attr('href'), targ = $this.attr('data-target'); $.get(loadurl, function(data) { $(targ).html(data); }); $this.tab('show'); return false; }); ...
How to have tabs of a ttk Notebook in different rows?
It is not possible with ttk to do this and it is a horrible design anyway. Instead, create an "options dialog" where you put either a list or a treeview in a panel on the side and use that to select among your many subpages. You can then use a...
onTabSelected Selected Not Called
When you call setupWithViewPager, this will internally call setOnTabSelectedListener(new ViewPagerOnTabSelectedListener(viewPager));, overriding your OnTabSelectedListener. Instead, your listener should extend TabLayout.ViewPagerOnTabSelectedListener and then override onTabSelected() and call setOnTabSelectedListener() after setupWithViewPager(): tabLayout.setupWithViewPager(mViewPager); tabLayout.setOnTabSelectedListener( new TabLayout.ViewPagerOnTabSelectedListener(viewPager) { @Override public void onTabSelected(TabLayout.Tab...
Crash at launch - ios 8.1 because adding UIButton's subview. EXC_BREAKPOINT (SIGTRAP)
ios,tabs,crash,launch,symbolicate
Finally I managed to get a real device for testing. It crashed at the following line: mapButton.autoresizingMask = UIViewAutoresizing.FlexibleBottomMargin|UIViewAutoresizing.FlexibleLeftMargin|UIViewAutoresizing.FlexibleRightMargin|UIViewAutoresizing.FlexibleTopMargin Reason: mapButton is nil. It is so strange because this line is right above: mapButton = UIButton.buttonWithType(UIButtonType.Custom) as UIButton So in face this initialiser do not initialise my button. So I...