Tag | Css Posts

Web developers who would like to use CSS3 intellisense in Visual Studio 2010 can download this for free as an add-on form this website. Make sure you close VS before running the installer. The file should be automatically installed to C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1033\... . Open up VS again and open a CSS file. You should be able to pick CSS3 from the style sheet toolbar. If not you should run the following registry script (don't forget to close VS before ...
Like it or not, we humans make mistakes. If we embrace the fact that we are going to make mistakes, we can direct our efforts to reduce mistakes in areas that are critical in exchange for potentially making more mistakes in areas that aren’t. Gasp! We need to get over the silly notion that our work can ever be 100% perfect and try to maximize in the areas that matter. Does it really matter? These are the things I’ve found that typically don’t matter as much in the grand scheme of development. Start ...
Here is another way to access master page controls. This way has a bit less coding then my previous post on the subject. The scenario would be that you have a master page with a few navigation buttons at the top for users to navigate the app. After a button is clicked the corresponding aspx page would load in the ContentPlaceHolder. To make it easier for the users to see what page they are on I wanted the clicked navigation button to change color. This would be a quick visual for the user and is ...
A new release of Microsoft All-In-One Code Framework is available on March 8th. Download address: http://1code.codeplex.com/r... You can download individual code samples or browse code samples grouped by technology in the updated code sample index. If it’s the first time that you hear about Microsoft All-In-One Code Framework, please read this Microsoft News Center article http://www.microsoft.com/pr... or watch the ...
Ever wanted to have a simple jQuery menu bound with ASP.NET web site map file? Ever wanted to have cool css design stuffs implemented on your ASP.NET data bound controls? Ever wanted to let Visual Studio generate logical layers for you, which can be easily tested, customized and bound with ASP.NET data controls? If your answers with respect to above questions are ‘yes’, then you will probably happy to try out latest release (v5.0) of Employee Starter Kit, which is intended to address different types ...
Yesterday I told Wang Tao, an annoying colleague sitting beside me, about how to make the static content enable the CDN in his website which had just been published on Windows Azure. The approach would be Move the static content, the images, CSS files, etc. into the blob storage. Enable the CDN on his storage account. Change the URL of those static files to the CDN URL. I think these are the very common steps when using CDN. But this morning I found that the new Windows Azure SDK 1.4 and new Windows ...
If you didn’t know, you probably will soon, the SPGridView is not available in Sandboxed solutions. To be honest there doesn’t seem to be a great deal of information out there about the whys and what nots, basically its not part of the Sandbox SharePoint API. Of course the error message from SharePoint is about as useful as punch in the face… An unexpected error has been encountered in this Web Part. Error: A Web Part or Web Form Control on this Page cannot be displayed or imported. You don't have ...
There are a million plugins for jQuery and when a web forms developer like myself works in MVC making use of them is par-for-the-course! MVC is the way now, web forms are but a memory!! Grids / tables are my focus at the moment. I don’t want to get in to righting reems of css and html, but it’s not acceptable to simply dump a table on the screen, functionality like sorting, paging, fixed header and perhaps filtering are expected behaviour. What isn’t always required though is the massive functionality ...
Goal: Create a menu widget that does not require any javascript, extremely lightweight, very fast, soley based on CSS, compatible with FireFox and Chrome. Issues: May have some rendering issues in some versions of IE, sorry :-) Instruments: css file html with specific menu format jQuery-ui library - optional if you want to use your own images/colors Implementation Details: HTML: <div id="header"> <div id="header_Menubar"> <ul class="linkList0 ui-tabs-nav ui-helper-reset ui-helper-clearfix ...
User interfaces and user experience design is a fast moving field. It’s something that changes pretty quick: what feels fresh today will look outdated tomorrow. I remember the day I first got a beta version of Windows 95 and I felt swept away by the user interface of the OS. It felt so modern! If I look back now, it feels old. Well, it should: the design is 17 years old which is an eternity in our field. Of course, this is not limited to UI. Same goes for many industries. I want you to think back ...
WordPress is easily one, if not the most, popular blogging platforms on the web. With the release of WordPress 3.x, the potential for what you can do with this open source software is limitless. This technique intends to show you how to get your WordPress wielding the power of the future web, that being HTML 5. --- Ingredients WordPress 3.x Your favourite HTML 5 compliant browser (e.g. Internet Explorer 9) Directions Setup WordPress on your server or host. Note: You can setup a WordPress.com account, ...
The hardest part about using a new technology, such as HTML 5, is getting to what features are available and the syntax. One way to learn how to use new technologies is to adapt your current development to help you use the technology in comfort of your own development environment. For .NET Web Developers, that environment is usually Visual Studio 2010. This technique intends on showing you how to get HTML 5 Intellisense working in your current version of Visual Studio 2008 or 2010, making it easier ...
I have one common piece of jQuery code which I use to submit a form any time the selection changes on a drop-down list (HTML select tag). This is similar to setting AutoPostBack = true in ASP.Net. I use a single CSS class (autoSubmit) to annotate that I want the drop-down to force the form to submit on change so the HTML looks something like this: <select id="myAutoSubmitDropDown" name="myAutoSubmitDropDown" class="autoSubmit"> <option value="1">Option 1</option> <option value="2">Option ...
The question has been raised as to why support IE6? I can give you two reasons, why your client will require IE6 to be supported: While IE6 continues to have above a certain of browsers in use The web application is for a controlled environment that has not been upgraded from IE6 to a later version I personally only use any current or previous version of IE to: To access the Windows Update site As required to test IE compatibility of applications that I write I agree that that the CSS fixes required ...
In this post I'll demonstrate how to make a simple collapsible menu using jQuery. To get started let's go ahead and fire up Visual Studio and create a new WebForm. Now let's build our menu by adding some div, p and anchor tags. Since I'm using a masterpage then the ASPX mark-up should look something like this: 1: <asp:Content ID="Content2" ContentPlaceHolderID="MainC... runat="server"> 2: <div id="Menu"> 3: <p>CARS</p> 4: <div class="section"> 5: <a href="#">Car ...
When we were working with ASP.NET MVC 2, we needed to write our own JavaScript to get Client-Side Validation Summary with jQuery Validation plugin. I am one of those unfortunate people still stuck with .NET Framework Runtime 2.0 and .NET Framework 3.5; meaning I am still on ASP.NET MVC 2. So I will still keep on supporting by answering any question you may have with my original code. Long awaited ASP.NET MVC 3 has been released, and it supports Client Side Validation Summary with jQuery out-of-the-box ...
This HttpContext is is a very useful creature, look at this one: HttpContext.Current.Request... For example you might want to change a CSS class of a control at runtime depend to url, you could specify this code in the master page and observe the url in the PageLoad for say ...
I was playing around with CSS and ASP.NET AJAX Modal Popup Control and wanted to have a popup that has a rounded corner outer shadows on it without using images. After searching the web for an existing solution I found this link and tried to apply it on my modal. Luckily I was able to make it work. Here's the whole code for my experiment: 1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml... 2: <%@ Register Assembly="AjaxControlToolkit" ...
I forgot this: You can run this on $().ready(function() { SetHeaderSortLinks('aGrid', 'Get()'); }); In the global js include. function SetHeaderSortLinks(parent, functionToCall) { //Clear existing links $("#" + parent + " th").unbind("onclick"); $("#" + parent + " th").bind("click", function () { var sortOn = $(this)[0].sort; if (currentSortField == sortOn) currentSortAsc = !currentSortAsc; currentSortField = sortOn; eval(functionToCall); }); } I'll probably add some css to change the cursor on mouseover ...
First of all, I haven’t been updating this blog as regularly as it used to be. Primarily, due to the fact that, I was visiting a lot of cities talking about SharePoint, Web Matrix, IE9 and few other stuff. IE9 is my new found love and I simply think we have done great work in improving the browser and browsing experiences for our users. This post would talk about IE, general things happening around the web and few misconceptions around IE (I had earlier written about IE8 and common myths ) When you ...
En este post, trabajaremos una parte que en ocasiones se nos hace un “mundo”, la creación de menús en nuestras aplicaciones web. Nuestro objetivo será evitar la utilización de elementos que puedan ocasionar que la página se vuelva un poco lenta, para ello utilizaremos jquery que viene siendo una herramienta muy semejante a ajax para crear nuestro menú. Para crear nuestro menús de ejemplo necesitaremos de tres elementos: 1. CSS, para aplicar los estilos. 2. Jquery para realizar las animaciones. 3. ...
Joel Semeniuk and I just finished kicking off the Internet Explorer 9 webcast series from Imaginet and Microsoft. Our webcast started out with a high level overview of what IE9 brings to the table in terms of features and performance, and we finished up with an interview with everyone’s favourite Microsoftie John Bristowe. During our webcast, a number of different links were mentioned on where you can get more information about IE9 and what it can do for you and your organization. Those links have ...
Goal: When loading js or css files, combine all the js files into one and all css files into one file respectively when rendering to improve on performance. Also compress if need be on the fly. In this example we use many css files and even more js files to organize the ASP.Net Mvc web app into manageable pieces. The reason for the separation is mainly because it gives the team the ability to work on different part of the web app by working on the affected css or js files. It also helps to decide ...
Goal: For performance reasons you want to load a piece of CSS only for the ascx file to which it applies. You do not want to embed the style as you cannot do this in ASP.Net ascx user controls. ASP.Net will render the style tag as HTML text. Solution: Some folks use the Page.Header.Controls. Add to add the stylesheet link in the ascx page or in the code behind. Not needed, you may specify a "link" tag in the ascx file, no need to specify "head" tag or anything else, just the link tag itself: <link ...
For Web Designers and Developers writing CSS code for elements is so time consuming. That too make changes in SharePoint Stylesheets(CSS) needs more patience. First have to make change in CSS, reset IIS(or Application Pool Recycle), clear browser cache/temp files and check. Even for one small change or entire CSS change the mentioned steps has to be done. Sometimes the changes won't reflect and makes little irritating. Many of us faced and facing this issue. Alternatively you can make changes with ...
SharePoint 2010 provides pretty good dialog framework. Throughout SharePoint sites, Dialog framework has been used to avoid page redirections and keep user in same page. In SharePoint 2007 with help of Lightbox/JQuery, dialog framework can be enabled and used. But it has some limitations and time consuming. So how to open a page in Dialog framework? Well, It's pretty simple. Just add Content Editor webpart in the page and add the below code. <script type="text/javascript"> //User Defined Function ...
Top Bar, Ribbon, Quick Launch are come up with Application Pages by default. If you want to open the page in Dialog Framework then those elements will take more space and make the layout cluttered. You can remove these elements by creating new page layout which is cumbersome/time consuming. One way to hide these controls is by passing a Parameter with the URL. [ ?IsDlg=1 ] SharePoint will hide these elements when It gets IsDlg Parameter on URL. But every time we can't pass these parameters. Then ...
It takes a short overview of Microsoft development tools and platforms evolvement in order to demonstrate the importance of supporting Web Forms development for ASP.NET Ajax with HTML5 enhancements. In an article that Todd Anglin publishes in Redmond Developers, under the title "Silverlight: What Web Forms Wanted to Be", Todd says that ASP.NET was supposed to be Web Forms. A framework that meant to duplicate VB6 ease of development or rather its more mature successor Window Forms. Asp.Net was expected ...
If you build Silverlight Applications, chances are you have seen this screen before. I’m talking about the default “To view this content, please install…” Screen shown below. The Default Installation Screen. This is the screen that your users see when they first visit your site without Silverlight installed. It’s just plain ugly and most users do not know what it means. Take this example below by Netflix, they have alerted the user with a friendly: “You’re almost ready to watch…” Install Now. This ...
I've been seeing many developers in the forums asking: How can I display a message box from the server (code behind)? How can I customize the javascript confirm and alert popup? How can I display a message box like in windows application? As some of you may already know that displaying a pop-up message box has always been a pain for most developers in web programming. Everyone has probably used the Page.ClientScript.RegisterS... or the ScriptManager.RegisterClien... method to call ...
If you have not looked at Murach’s books you should! They have a very convenient format, geared for training with two facing pages, the left with text and the right with an example with lists and descriptions. This book should get someone started on HTML and basic web pages, it covers html through some javascript and into simple website design and deployments. For me not much was new but I did pick up a few things including a better understanding of CSS floating div’s and how to use them. Another ...
Content Reinvention with the Next Generation of Tables, eReaders, and Mobile Devices My notes from this session at Digital Hollywood: Speakers: Sarah Lumbard – Sr. Director, Product Strategy and Development / NPR Digital Media Bill Jensen – Director of New Media / Village Voice Media Mark Ghuneim – CEO / Wiredset Lee Shirani - Google Richard Gingras – CEO / Salon Russell P. Reeder – CEO / LibreDigital – Moderator How to get content to audiences to successfully using these new devices. That is what ...
I was working with a project that uses the concept of master page. Within the master page I have a bunch of UserControls for some specific purposes and one of the UserControl is for the site dynamic menu. The menu was basically built using JQuery and CSS. The menu works fine if you are using it as an anonymous user but if you logged in as authorize user the menu will no longer work for some odd reasons and produces the following script error below in the browser: Message: Object expected Line: 122 ...
The IPhone browser (and some other browsers/email clients/plugins) will automatically detect phone numbers and style them. This automatic styling might not look so hot, so its best to always explicitly style phone numbers yourself, if possible. Here’s the basic method: <a href=”tel:555-555-5555” class=”phone_number”>555... The “phone_number” css class should have, at a minimum in my opinion: .phone_number:link,visited,... { color:#5399d4; font-size:15px; font-family: ...
We have come a long way since IE 1… image property of wikipedia …to IE9 In case you are living under a rock, IE9 Beta was released today. This browser is a major update to the previous version IE8. It is also supposed to give Firefox/Chrome a run for its money. How did it turn out? Read below to find out. So what are the best features of IE9? Lets give it a quick run-through then we are going to look at a few key features and a benchmark (note the benchmark is against a beta – so things may change). ...
Merge Wpf and Silverlight to single framework · Merge both frameworks to use the same assemblies and controls (with optional functionality in separate assemblies) make a .net silverlight profile that would be a subset of .net client profile and used by partially trusted xaps. · Conditional compilation within Xaml - stopgap solution: for Silverlight/WPF differences in shared markup. · Support the direct hosting of Silverlight – stopgap solution: support the direct hosting of Silverlight in a WPF application ...
One the coolest features of Internet Explorer 8 that most developers don’t know about are the built-in developer tools. You don’t have to download anything, install it, or enable it. There are two ways you can open the IE Developer Tools, you can either hit F12, or under the Tools menu icon, you can choose “Developer Tools”. HTML Tab This tab allows you to see and edit in real time the HTML and applied styles that make up your page as seen by the Internet Explorer DOM. The CSS Tab Shows you all of ...
I recently re styled my blog. I wanted a new look and something unique. I played with the various themes that you can chose from when customizing your blog. I also saw that you can add custom CSS, so I knew that it was possible to get some unique looks. AI started by adopting the naked skin which applies no style sheets. This gave me a blank slate to work with. It also looks very difficult to read: So I now have a blank slate to work with. I examined the source for the page to look at the structure. ...
One of my colleagues pointed me at Howard Baines as a recent example of a web consultancy already using Visual Studio 2010 and Entity Framework 4.0 to build web applications. I managed to grab a little time with co-founder Clive Howard (on twitter) to talk through some of the decisions, especially as I was intrigued to learn that they started out on Open Source Software including Ruby on Rails before switching to the .NET Framework. We discuss: Why switch to the .NET Framework? Entity Framework 4.0 ...
Visual WebGui which was designed to solve the most painful issues for enterprise IT is now with its new 6.4 RC0 version fullfiling its promise to reproduce client/server richness and user experience on Web and Cloud, in a simple cost effective way. "VWG was designed to solve what might be the most painful issues for enterprise IT; reproducing client/server richness and user experience on Web and Cloud, in a simple cost effective way and with standard Web, no-plug-in accessibility and absolutely secured ...
Back in January, Jeremy Miller posted a nice article on HtmlTags: Shrink your Views with FubuMVC Html Conventions. We were immediately in love with the idea and have spent several months adapting the conventions to work with our ASP.Net MVC applications. I was having a conversation with Ryan recently, reflecting on how far we’ve come and how we had no vision of that when we first read that article. I want to share some of that, so I will be working on a series of blog posts to show “What we are doing ...
Visual WebGui published Brinks Bolivia's success story of how they developed their new billing system with VWG to allow access via the web with a friendly user interface. Brink Bolivia looked to build an application that would allow them to track their services in order to send customers reliable invoices and to generate parameterized reports about the status of each service which is a key for administrative decision-making. They decided to use Visual WebGui for the following (and other) reasons. ...
Just because I like to build things, and I like to learn, I have been working on a keyboard shortcut reference site. I am using this as an opportunity to improve my ruby and rails skills. The first few days were frustrating. Perhaps the learning curve of all the fun new toys was a bit excessive. Finally tonight things have really started to come together. I still don’t understand the rails built-in testing support but I will get there. Interesting Things I Learned Tonight RubyMine IDE Tonight I switched ...
Technorati Tags: CSS CSS class names should usually be “semantic” (describing the meaning of the styled areas, e.g. “article-title”, “author-info”, “errror-message”, not “structural” (e.g. “left-side-navbar”, “small-title”). …and they definitely shouldn’t explicitly describe the styling. I’ve seen a class names like “bold-red-12pt”. If you’re going to do that, you might as well just use inline font tags. This article explains it much better than I can… ...
The question came up today if we could use an “app_offline.htm” file along with HTML in that file that would reference images. First, I wasn’t 100% sure if the app_offline.htm would work, but it sure did. Since it’s just the Asp.net hosting process that detects the file, it circumvents loading any HttpApplications (SharePoint) beyond just serving up the HTML content. The second question was about having something more than text, specifically <img> tags. So, since the HttpHandlers are taking ...
The .NET Framework version 4 includes enhancements for ASP.NET 4 in targeted areas. Visual Studio 2010 and Microsoft Visual Web Developer Express also include enhancements and new features for improved Web development. This document provides an overview of many of the new features that are included in the upcoming release. This topic contains the following sections: ASP.NET Core Services ASP.NET Web Forms ASP.NET MVC Dynamic Data ASP.NET Chart Control Visual Web Developer Enhancements Web Application ...
Looks and design is becoming more and more important for customers and organizations event when we deal with internal enterprise applications. However, many web developers who work on business apps end up not investing resources on the design. The reason may be that they ran out of time so with their client's pressure there was no choice but to skip past the design process. In some cases, especially in sall software houses, there are no trained professional designers and the developers have to do ...
Lately I've been using JBar, a very neat jQuery plugin for displaying notifications in my web applications. Unfortunately the original version of JBar only supports binding to the click event of a DOM item. In order to get around this limitation I have modified the source code and posted an updated version on my GitHub account here. The modified version allows you to display a JBar notification by calling a method. I typically use it to display succes or failure messages when doing Ajax calls. I ...
The competition between the Web and proprietary rich platforms, including Windows, Mac OS, iPhone/iPad, Adobe’s Flash/AIR and Microsoft’s Silverlight, is not new. But with the emergence of HTML 5 and imminent support for it in the next release of the major Web browsers, the battle is heating up. And with the announcements made Wednesday at Google's I/O conference, it's getting kicked up yet another notch. The impact of this platform battle on companies in the media and advertising world, and the ...
Mostly all who works extensively on SharePoint (including meJ) don’t like to use out-of-box list forms (DispForm.aspx, EditForm.aspx, NewForm.aspx) as interface. Actually these OOB list forms bind hands of developers for the customization. It gives headache to developers to add just one post back event, for a dropdown field and to populate other fields in NewForm.aspx or EditForm.aspx. On top of that clients always ask such stuff. So here I am going to give you guys a flight for SharePoint Customization ...