Search results “Navbar options yii2” for the 2016
[Yii2 Framwrok] Recursion dropDownList  step by step
HTML css3 HTML5 javascript bootstrap PHP Framework Yii Framework Yii2 Recursion dropDownList step by step
Views: 2923 Năng Đoàn
How to Change the Navigation Bar Height CSS in Rockettheme's Gantry 5 Hydrogen Template
Subscribe Today! ► https://goo.gl/Y3wTy5 This tutorial shows how to change the CSS that sets the height of the top level navigation bar in the Gantry 5 Hydrogen template. Once you know what CSS changes you need to make you will need to put those same changes on your live site. The following tutorial will help you with that step: https://www.youtube.com/watch?v=TkaBka2lJp8 I found out that since brackets are not allowed in YouTube descriptions, I could not post the CSS I said I would share during the video - sorry! In order to find the CSS that we're going to change to adjust the height of that navigation bar, we're going to be using Google Chrome's element examiner. So, I have the Basic Joomla site opened up here with the Gantry 5 template, with Hydrogen template, and I'm going to hit F12 to bring up the element inspector. What we want to do is click on this button here on the left to select an element and we're going to select somewhere up here on that menu bar. That's probably a good guess there since its selecting the whole thing and we'll look down - now we have the elements on this side and what their properties are. Now, as I look over on the left-hand side here in this code you'll see that there's a number of other options in the hierarchy here and I want to just keep highlighting till I get to the element that still is at the top and select what we want. This one "g-container" it goes right across the top but I don't see anything in here setting the same color that is there, so I go up one higher to "g-navigation" to the section. That still highlights right across and when I look over here I see here's the background color that is set. So this is probably the CSS that we want to change. So I'm going to type by just clicking here to add a new line to the CSS to test it and type "height", hit enter and then I'm going to type 40 and we'll do 40 pixels (PX). And we'll see right away, as soon as I finish typing the X, this top bar has the height that is lower. So the next thing that we want to do, though, is we need to find some other CSS to change because as you can see the white of the home menu there is a different height as well. So first of all, before moving on I'm going to left click and select this HTML because you're going to want to put that in our custom HTML page in the Rockettheme template. I'm going to copy that and we'll put it over here on another screen - I just have a notepad open - and here I'm just going to paste that CSS there and we'll get ready for a new line to paste the next things. Alright, so the next thing that we want to do is somehow change the height of this white. So what I'm going to do is I'm going to go slowly down through the HTML levels here until only that white is highlighted. I might actually get the point where I run out but here this arrow you see we can click and go to the next level. We'll highlight that - there we go we've got it. That's the active menu. So, when we click on that, look over here and we'll see here the background white color is being set there for "g-navigation, g-main nav top-level" so once again I’m going to type in there "height". We're going to add a new line - let's do the same height of course, 40 pixels, and now that white has changed in its height - so we're making progress. Again, I'm going to select all that CSS, that we've just edited, we actually don't need to repeat the background color so what we'll do is I'll bring my notepad over here and we'll paste that in there. But I'm going to take out this background color line and just delete it. We have some weird double spacing happening here but that won't affect when we paste later on. Alright, next you notice that the title "Home" is now right on the very bottom it's not at the middle of the white spot there. So, let's go down another level over on the left and select - there we go we have the "ag menu item container". We click on that and now we're looking for something that will make that whole move up and as we scroll down here we see "g main nav top level padding" Now this check check box here, we can just uncheck that and see if that has any effect on what we're working on and it does, so we're in the right area and we want to adjust this first number to remove the padding that's at the top so it can move up a bit. I've already been experimenting with this, so we're going to go and put in ".45 REM" and as we change it we see that it's centered nicely up there. So, again down here we'll just hit enter and once again we have some CSS we want to select and copy and put in our list of CSS that we've edited. And of course the final step is to take all of this custom CSS code that we've made changes to and paste that into the "custom.scss" file. -- Tutorial Theme Song "Bluewater" courtesy of http://www.freestockmusic.com Looping Background "Teal Tiles" courtesy of http://www.motionbackgroundsforfree.com #joomla #basicjoomla #cybersalt
Bootstrap collapse plugin
Tags expand collapse using bootstrap bootstrap collapse plugin example bootstrap collapse events bootstrap collapse expand by default bootstrap collapse default closed bootstrap collapse default hidden bootstrap collapse default open bootstrap collapse expand event bootstrap collapse expand example bootstrap show hide div example bootstrap show hide div on button click bootstrap show hide image bootstrap toggle div visibility bootstrap collapse toggle image Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/07/bootstrap-collapse-plugin.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Views: 40265 kudvenkat
Make Login Form by Using Bootstrap Modal with PHP Ajax Jquery
How to Implement a jQuery AJAX Login Form into a Modal Box. Ajax Login Script with jQuery, PHP MySQL and Bootstrap. PHP Login Form In Bootstrap 3 Modal. Ajax PHP Login Page with Bootstrap Design. How to Build a Functional Login Form with PHP + Twitter Bootstrap. Building a Bootstrap Login Form Using PHP and AJAX. Login form inside modal - submit with AJAX? Source Code - http://www.webslesson.info/2016/11/make-login-form-by-using-bootstrap-modal-with-php-ajax-jquery.html
Views: 47492 Webslesson
How to create a Responsive Admin Template using Light Bootstrap Dashboard - 1/3
Hello guys, we've created a video tutorial to show you how to build an Admin Panel using our Light Bootstrap Dashboard. This is the first part, there will be 2 more videos. Please let us know if you have any feedback. Here are the links that you can use: 1. Product archive for free: - on Creative Tim (http://www.creative-tim.com/product/light-bootstrap-dashboard/?ref=youtube) - on Github (https://github.com/timcreative/light-bootstrap-dashboard) 2. If you have any issue please check the final result here (https://www.dropbox.com/sh/es3h6u9hvo61iqn/AABBhIqy8P2jj99tzB4iOkCva?dl=0) If you have any questions please write in the comments, we will help you with anything that you need. Show some love for us here: Facebook: https://www.facebook.com/creativetim Twitter: https://twitter.com/creativetim Dribbble: https://dribbble.com/creativetim Google+: https://plus.google.com/+CreativetimPage Instagram: https://www.instagram.com/creativetimofficial/ Show some love for Alex here: Facebook: https://www.facebook.com/axelut Twitter: twitter.com/axelut (http://twitter.com/axelut) Instagram: https://www.instagram.com/axelut/
Views: 250889 Creative Tim Tutorials
Insert Checkbox values in Database using Ajax, Jquery & PHP
Download Source code - http://www.softaox.info/php/insert-checkbox-values-in-database-using-ajax-jquery-in-php/
Views: 25662 softAOX
Replace UI Bootstrap Glyphicons with Font Awesome
Shortcut to replacing AngularJS UI Bootstrap Datepicker Glyphicons with Font Awesome
Views: 738 CR Rollyson
WP Creative Banners Builder - Backend
WP Creative Banners Builder is a unique plugin for WordPress allowing you to easily create nice and animated banners directly from the backend of your website. It comes with powerful tools to generate 3D depth, shadows and sprite animations in a few clicks. You can easily upload and manage your own pictures as objects or textures, edit existing banners, change colors and options of each element. Generated banners are 100% HTML5 & CSS3 powered and super fast to load. http://codecanyon.net/item/wp-creative-banners-builder/14310112?ref=loopus
Views: 2316 Loopus Plugins
AdminPlus - Premium Bootstrap 3 Admin Template | Website Templates and Themes
Download AdminPlus - Premium Bootstrap 3 Admin Template - http://themeforest.net/item/adminplus-premium-bootstrap-3-admin-template-/4075896?ref=motionstop Themekit – Multiple Themes & UI Framework Changelog Version 3.0 – 04/10/2013 Migrated to Bootstrap 3.0 Added Social Elements Replaced: Mansonry with Gridalicious Photo Gallery Fixed all known bugs Version 2.0 – 05/06/2013 Added: Error page Added: Invoice page (Optimized for Print) Added: Frequently Asked Questions & Contact page Added: Responsive Landing Page Added: Pricing tables Added: TableTools examples for (Dynamic) DataTables (export table to PDF / CSV / etc) Added: My Account (Advanced profile) Added: 5 Form Wizard Styles (with JavaScript validation examples) Added: Thumbnails examples (Grids of images, videos, text and more) Added: 2 Notification Systems (Notyfy & Gritter) with multiple styles & examples Added: Modals (with JavaScript API examples: Alert / Confirm / Prompt / Custom Dialogs) Added: Grid examples Added: 2 Accordion styles Added: Timeline Widgets Added: Collapsible Widgets Added: Nice Scrollable Widgets Added: Media Widgets (multi-level thumbnails + text) Added: 6 Tabs styles (8 styles total) Added: holder.js for image placeholders Added: Carousels (Component for cycling through elements) Fixed: Buttons with icons in Google Chrome Updated: Main styles, 100% built with LESS (well organized in ~30 LESS files) Updated: Reorganized all the JavaScript into Plugins & Custom Scripts for each DEMO page Updated: Bootstrap Framework to version 2.3.2 Updated: Themer JavaScript / Themer Skin Files (LESS&CSS) / HTML files Version 1.2 – 27/03/2013 Added PSD for Layout & Menu Added PSD for Dashboard Version 1.1 – 14/03/2013 Fixed all IE8 / IE10 issues to date Added layout options with easy switch fixed layout fluid layout Added menu options Left menu Right menu Added Form Elements: Advanced Select Controls Added JS notifications Updated skin files / LESS / CSS Version 1.0 – 19/02/2013 Initial release Credits Packages & libraries used in the AdminPlus Premium Template, along with attributions to their authors and licenses. Libraries & Plugins Twitter Bootstrap – github.com/twitter/bootstrap JQuery – jquery.com less.js – github.com/cloudhead/less.js – (Apache License 2.0) Cubiq iScroll 4 – cubiq.org/iscroll-4 – MIT Licensed DataTables – www.datatables.net – Dual licensed GPLv2 & BSD Farbtastic – acko.net/blog/farbtastic-jquery-color-picker-plug-in – (GPL Licensed) FullCalendar – arshaw.com/fullcalendar – Dual licensed under the MIT and GPL licenses google-code-prettify – code.google.com/p/google-code-prettify – Apache License 2.0 jQuery Knob – github.com/aterrien/jQuery-Knob – Dual licensed under the MIT and GPL 400+ Glyphicons PRO – glyphicons.com – PRO LicenseYou are allowed to use the Glyphicons as part of this item ONLY. Reselling of the icons is prohibited and the license is non transferable. If you would like to use GLYPHICONS as a part of your own (another) product, you have to buy your own license. Google Web Fonts – www.google.com/webfonts jQuery MiniColors – abeautifulsite.net – Dual-licensed under the MIT and GPL Version 2 licenses jQuery UI – www.jqueryui.com jQuery UI Touch Punch – touchpunch.furf.com – dual licensed under the MIT or GPL Version 2 licenses jQuery Validation – bassistance.de – Licensed under the MIT license Pixelmatrix Uniform – github.com/pixelmatrix/uniform – MIT License Plupload – www.plupload.com – GPLv2 licensed jQuery.ba-resize – benalman.com – Dual licensed under the MIT and GPL licenses jQuery Cookie – github.com/carhartl/jquery-cookie – Dual licensed under the MIT or GPL Version 2 licenses jQuery Masonry – masonry.desandro.com – Licensed under the MIT license Modernizr – modernizr.com – MIT & BSD Flot Charts – http://www.flotcharts.org/ Jasny Bootstrap – https://jasny.github.com/bootstrap/ Boostrap WYSIHTML5 – http://jhollingworth.github.com/bootstrap-wysihtml5 Bootstrap Bootbox – bootboxjs.com Zend Framework – framework.zend.com Flickr Photos With most respect to the authors, the following photos were used for AdminPlus photo gallery as demo content. All images are licensed under Creative Commons – Attribution 2.0 Generic I see you – by Angelo Gonzalez hope – by Angelo Gonzalez blonde look – by Angelo Gonzalez Sympathy – by Angelo Gonzalez Nei – by Angelo Gonzalez come over here – by Angelo Gonzalez scarlett – by Angelo Gonzalez what is good does not last forever, long enough to be memorable. – by Angelo Gonzalez happy couple – by Angelo Gonzalez elphic sister – by Angelo Gonzalez couple – by Angelo Gonzalez waiting for you – by Angelo Gonzalez Buyer Rating: 4.51 stars 4.51 average based on 85 ratings. (more information) 5 Star 68% 58 4 Star 22% 19 3 Star 4% 4 2 Star 1% 1 1 Star 3% 3 tags: admin, admin template, booking, bootstrap, css, events, finance, html, interface, less,
mAdmin - Multi Style AngularJS Admin + Frontend | Website Templates and Themes
Download mAdmin - Multi Style AngularJS Admin + Frontend - http://themeforest.net/item/madmin-multi-style-angularjs-admin-frontend/7996710?ref=motionstop mAdmin built on Bootstrap 3.2 Framework with full responsive technique. It’s a multiform template with many style and many color themes, so you can use mAdmin for many types of web applications like custom admin panel, admin dashboard, application backend, etc. “Buy One – Get All – Use Forever” is our development oriented. We always keep this template improving with special features and styles. Buy once you will receive all update release in the future and the best support from us . We really want mAdmin comes better and more useful for your business, so if you have a great idea, don’t hesitate share with us. Now enjoy it and keep updating latest information. Many awesome things are coming soon… More new beautiful styles will come in the future. Please always update the latest information HTML5 / CSS3 / LESS Fully Responsive using Bootstrap framework Multiform template with many styles & color themes Static / fixed topbar Left, left collapse, right, right collapse, horizontal menus and more UI Elements – all important element for user Form – form layout, component, wizard, validate etc Table – basic, responsive, advance, filter, sample Pages – gallery, timeline, about, contact, blog, calendar Extras – special page like sign in, sign out, lock screen, profile, 404, 500, invoice, pricing etc Charts – Flot Charts, Chartjs, HighCharts Animation – Beauty animations built on CSS3 and jQuery Many more in update version coming soon… Version 5.2 – December 16, 2014 Admin HTML version supported RTL [+] Fix: responsive HTML Front End [+] Fix: toggle menu button on AngularJS version (click once) [+] Fix: search form on AngularJS version Update 5.1 – December 1, 2014 [+] Format code for HTML version Version 5.1 – October 31, 2014 [+] Important - Add new: Lazyload module using ui-route & ocLazyLoad, lighter to run on mobile devices - Change "Gruntfile.js": Initialization ui-route & ocLazyLoad - Change "source/js/app.js": restructure follow ui-route & ocLazyLoad - Change "source/jade/index.jade": remove include libs.js script [+] Fix: Click Event on toogle navigation on topbar [+] Fix: Increase wheelstep of mini srolling [+] Fix: Table tools on datatable( copy, csv, excel, pdf, print) Version 5.0 – September 17, 2014 [+] Fix: minor bugs with format code in HTML version (update on Oct 14, 2014) [+] Fix: responsive AngularJS version (update on Oct 7, 2014) [+] Add new: PHP Boilerplate Template. Using Yii framework to handle these pages: - Login - DataGrid - Form Version 4.1 – August 13, 2014 [+] Add new: update Angular app version [+] Add new: document for Angular version [+] Add new: DateRange Picker on breadcrumb in Dashboard [+] Add new: Closeale Tabs [+] Add new: UI-Preloader page [+] Upgrade: distance and color icon in User list page [+] Upgrade: content in Page Gallery [+] Fix: check all button in User Profile page [+] Fix: menu not active with Page menu [+] Fix: hover & z-index in Pricing Table page [+] Fix: social icon in Contact Us page [+] Fix: text color in Timeline Version 4.0 – August 11, 2014 [+] Add new: Angular JS App [+] Add new: X-editable [+] Fix bug: short of text on small screen in some pages [+] Fix bug: distance between icons & text on sidebar menu Version 3.1 – August 01, 2014 [+] Important - Add new: New User profile page Tab Activity Tab Edit profile Tab Message All tabs have responsive style (resize browser of see on table & mobile) [+] Add new: Advanced Form in Form Wizard page [+] Upgrade: sidebar collapsed with auto scroll [+] Upgrade: Tree view page have style follow template's style Version 3.0 – July 28, 2014 [+] Important - Add new: Frontend one page with 16 versions: 4 versions light style: - Image background - Slider background - Color solid background - Video background 4 versions light style with animation: - Image background - Slider background - Color solid background - Video background 4 versions dark style: - Image background - Slider background - Color solid background - Video background 4 versions dark style with animation: - Image background - Slider background - Color solid background - Video background Resource: - animate.css - isotope - Backstretch - Circliful - LightBox - VideoBG - wowslider - Own Carousel - Hover direction - Modernizr [+] Add new: slimscroll plugin for chat form [+] Important - Upgrade: jQuery cookie with smooth loading page [+] Upgrade: sidebar in Left sidebar collapsed page [+] Upgrade: sidebar in Right sidebar collapsed page [+] Upgrade: Ticket message on topbar only appear in dashboard [+] Fix: break layout when see on small screen in: - Option 1 in layout-header-topbar page - UI-Element-paginations page - Dashboard-Panel Profile page - Dashboard-Todo List page - UI-Element- Notific8 & Message page [+] Fix: change title menu