Tag | Css Posts

[Source: http://geekswithblogs.net/E... Keeping up the fluent work, I've put together a fluent interface which wraps the framework HtmlTextWriter. For ASP.NET MVC, this makes generating HTML in extension methods to HtmlHelper safer than string.Format() and more readable than HtmlTextWriter: public static string Image(this HtmlHelper helper, string imageRelativeUrl, string altText) { return FluentHtmlTextWriter.Begin() .WriteTag(HtmlTextWriterTag... .WithAttribute(HtmlTextWrit... ...
Normal 0 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.000... mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} ...
OK. I am not a designer. However, a few years ago I was forced to get good at CSS and have gotten to the point that I feel confident I could create almost ANY look and feel using CSS and table-less design. There are some things that I do regularly to help me out. 1. Start at the top. Start with your master page and style that up really good. That will be your base. 2. Start with * { font-family: Arial, Helvetica, Sans-Serif; Margin: 0px; Padding: 0px; font-size: 1.0em; } It is at the top of almost ...
This is a part of EXT JS Tutorial In this part of the Ext JS tutorial I would like to show the Ext.MessageBox class. In the first part, where I showed how to add Ext library into MVC project, I have put there a Ext.Msg.alert to test the installation. Actually the Ext.Msg it is an alias for Ext.MessageBox class. Both can be used interchangeably. Ext.Msg.prompt Ok, so let’s create a first dialog to see how it’s look like. Let it be a Ext.Msg.prompt. This method displays a message box prompting to user ...
This is a part of EXT JS Tutorial To successfully carry out everything that has been described in this article you need: Normal 0 21 false false false PL JA X-NONE MicrosoftInternetExplorer4 /* Style Definitions */ table.MsoNormalTable {mso-style-name:Standardowy; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.000... line-height:115%; ...
Hey All, I know of the conditional CSS code you are supposed to use when modifying css on a per-browser basis. Recently I ran into an Issue with IE8 only, a search box was not aligning vertically with the search button next to it. This was working in FF2, FF3, IE6, and IE7. IE8 was the odd man out. In this case, conditional css was out of context. Then I found this article: http://www.ironpaper.com/cu... AMAZING Works ...
(this is a repost since the initial post had a few issues that couldn’t be corrected) I am playing with the ASP.NET 4.0 QueryExtender released as a part of the Visual Studio 2010 Beta 1. It provides endless opportunities for working with data without writing much code and when you combine it with a few Ajax features, gives a truly great user experience with very less effort. To begin with you need the Visual Studio 2010 Beta 1 and .NET Framework 4.0 Beta 1. You can install both from http://msdn.microsoft.com/h... ...
1. Create a CSS Class that allows you to highlight invalid inputs and display messages in a pretty way input.error { background: #fed; border: 1px solid red; } 2. Create validators.js. Here are the contents from that file: ValidatorCommonOnSubmit = function() { ClearValidatorCallouts(); var result = SetValidatorCallouts(); return result; } ValidatorValidate = function(val, validationGroup, event) { val.isvalid = true; if ((typeof(val.enabled) == 'undefined' || val.enabled != false) && IsValidationGroupMatch(val, ...
My general rule of thumb (which I actually read on some other site or blog, or maybe in a book or on the msdn?) is that if you plan on using a control once or twice, use a web user control. If, however, you want to use it all over your program, you should invest the time to make it a server control. They are much easier to use in the program (in the long-term), since they allow you to drag and drop them from the toolbox and you can pass them between programs easier as a DLL instead of a .ascx file. ...
So I have recently implemented dynamic themes and master pages for the program I’ve web program I’ve been writing this year. I had noticed something peculiar after publishing the updates to my live server. When I published it as a precompiled DLL (that did not allow updates), the theming worked just fine. The user would log in, select their theme (currently supports two) and it would render every page fine. When I published it using X-copy, one page would render as a mash up between the two themes. ...
In this post, I will explain you how can we show Loading message in asp.net ajax without using Update Progress. Now some one may asked, why do I want to skip Update Progress ? Well, there can be several reasons for this, fist of all you have to work on every single page, and on every update panel to get the update progress working. There are basically three methods of meeting this requirement. Using Master Pages : A very smart way, but not all of us are using them .. right ? Extending Page Class ...
Incorporating the jQuery Grid With ASP.NET MVC Scenario: You have an ASP.NET MVC application and don't want to custom build smart controls like the ASP.NET GridView, ListView, etc, that support sorting and paging, as well as filtering and searching for data, and all of this using Ajax. Solution: The jQuery Grid plug-in. What tools/plug-ins do I need? jQuery version 1.3 and up jqGrid version 3 and up (this post references version 3.4.4) A strong cup of coffee In the past you had to also add the jQuery ...
Hi all , I recently was working with a client that implemented a telerik navigation control as a quicklaunch. They decided to split up all the sub-sites into their own site collection. They wanted to place quotas on subs sites, and if you don't know, you can only set quotas on site collections and not sub sites. This switch or splitting of sites posed some interesting problems. 1) Telerik Control now needed to be added to each sub site for navigation. The control specifics were added to a master ...
I went to the Twin Cities Languages User Group meeting last night. The topic was Esoteric Programming Languages and it was quite interesting. Jason Bock (also the UG leader) showed several different examples of languages that you'll never use in your day job, but were still pretty cool (mostly.) The one I was most interested in was Befunge (Wikipedia: http://en.wikipedia.org/wik... which is a 2-dimensional interpreted language that can modify/generate its own code while running. The whole ...
I was caught off-gaurd today when a user of one my applications reported that the asp:Menu was not rendering properly in her IE browser. I checked the version and it was IE8. I changed the application to compatibility view and the menu rendered just fine. Since I cannot tell each and every user to view the app in compatibility view when in IE8, i started digging for solutions. It looked like a z-index problem to start with. The problem was that since the new IE8 is moving closer to standards, the ...
Scenario: Inspect an element in Firebug, click the inspect button (or flashlight icon in the new version 1.4.0b5). The problem: But you want to do this with a keyboard shortcut. The solution: Ctrl+Shft+C Some concerns: With the number of extensions Firefox offers you may experience keyboard shortcut clashes, like for example with the CacheViewer which uses Crtl+Shft+C also. Firebug is a free Firefox extension. Ready to install? From several reponses received and from my own expreience since I upgraded ...
You are using the jqGrid search option but in one instance you want to enable the search but on another you want to disable the search for the same grid. The problem: This cannot be done, in short, by setting the properties dynamically, like so: gridComplete: function() { setGridParam({ gridModel: true, gridNames: false, gridToolbar: true, autosearch: false, enableClear: true, enableSearch: true, toolbar: [true, "top"] }); } Setting the search option dynamically during a loadComplete, or gridComplete, ...
The scenario: A web app is using the OutputCacheAttribute to set a cache duration for data that has different life spans. The IDE: ASP.NET MVC with Visual Studio 2008 The environment: Web-App on IIS The data that is being retrieved varies greatly in terms of their lifespan: Some data is very static like States, Countries Other data is more fluid, especially during end-user testing, like the load of scripts that have to be fixed occasionally and pushed to production during the day. Especially early ...
Network Monitoring Your web app on the server has plenty of tools and ways to measure performance, as well as tools like SQL-Server Profiler for SQL databases. But how do you trace, track and debug client-side code interactively? The use of alerts has been useful but does not support an interactive way for you to interact with the web-page on the fly. To make matters worse, even if you place some traces into your js code to help find the slow functions, etc, network latency may be another cause of ...
In this Issue: Davide Zordan, Erik Mork(2), Walt Ritscher, Peter Bromberg, and Lee. Shoutouts: Are you up for showing off?? Tim Heuer has announced a Silverlight Coding Competition – win USD $10,000! ... and check that list of judges... wow :) Remember Chris Klug's FlickR ViewR? Well, check out the problems he had putting it on the blog: And then Firefox does it differently…reloading the Silverlight control when the css changes…. From SilverlightCream.com: Multi Touch enabling your WPF application ...
A great article, albeit in Hebrew, explains How to align RTL (Right-to-left) ASP.Net 2.0 Menu with CSS Control Adapters. Note, in particular, this change: /* Tier 3+ */ .SimpleEntertainmentMenu ul.AspNet-Menu ul ul { top: -0.5em; left: 6em; } Changed to: /* Tier 3+ */ .SimpleEntertainmentMenu ul.AspNet-Menu ul ul { top: -0.5em; right: 6em; } ...
Summary: In this post we will discuss the tooling that is at our disposal and also some of the benefits or not so beneficial features it brings to the table. Content Introduction Tooling Benefits of using it Introduction ASP.NET MVC is Microsoft's way of getting on the MVC wagon. It offers a lot more control over the application you're building, no more WebControls ( personally I never and hope to never have to use it ), pure XHTML as W3C would have you doing anyways. At this moment, and I suspect ...
This demo shows on how to create an "Editable" Label in the page. As we all know, a Label control is intended for displaying read-only data information in the page and thus we cannot make it editable just like the TextBox control. As a workaround we can create a floating Div/Panel with a TextBox. Clicking on the Label will display a Div with a TextBox on it and a Button for updating the Text in the Label. In this demo, i used JavaScript for manipulating the elements in the page and apply a little ...
Often when creating web applications, it’s common for us to want to submit or post forms to the server by using a hyperlink rather than an HTML submit button. It might be visually more appealing/consistent or whatever your reason might be to have your buttons look like this: The Cancel button is easy because we can just use a normal Hmtl.ActionLink helper to redirect to whatever our cancel page is. But what to do for the Save link given that we don’t have anything in MVC out of the box that is analogous ...
Introduction The WinPHP challenge is running towards it’s closing time. Only a few days before entering I came with the idea to enter the contest. I had to put a lot of my spare time into it, but it was worth it. I learned a lot from exploring the realm of php. It’s fun to work in a language I normally do not work in. And to find ways to implement some thoughts that have been on my mind for a while. Here’s the story about the what, the where and the how of BlogSnor, my entry for the WinPHP challenge. ...
There are two ways to disable the CSS Friendly Adapters in ASP.NET: 1. In the Browser file Adapters for a specific control type can be disabled by just commenting out (deleting) the type of control adapter in the browser file. The effect is global and will affect all the controls of this type. For examle, to disable the adapter for GridView type: <!--<adapter controlType="System.Web.UI.... adapterType="CSSFriendly.Gr... />--> 2. At the control level Adapter ...
Visual WebGui 6.4 Preview 1 is available to download! The 6.4 Preview allows to experience the revolutionary web design tool providing ease of designing DHTML or Silverlight UI with no HTML, CSS or XAML coding, while using your design software of choice such as Photoshop and Expression Blend. This cutting-edge Point & Click Web Design Tool provides, for the first time, a complete coding-free cycle for the creation of complex, enterprise-grade web applications. 6.4 also allows to fully customize ...
I’ve been using Safari books online for a few months now. This is my first experience with an online library so I’d like to share my experience. As my colleagues can confirm, I’m a fervent reader of technical books, always looking for that extra scrap of information that would give me that insight to move forward. So I’m always looking for new titles to read. Safari books online has an amazing choice of technical books. I was amazed by the sheer number of books I could choose from. I regularly receive ...
This issue started for me after I added an Update Panel to the aspx page. If the calendar extender is showing up weird, like with no background and is displayed no where near where it should be this could fix your problem. Take the original css from the control toolkit (AjaxControlToolkit\AjaxCon... and copy it into your css file in the application. No css modification is needed and you do not need to set the CssClass property to the control on the aspx page. Technorati ...
This post goes along with this previous post on calendar extender display issues. However the formatting fix I used was much less involved than before. Again I had a GridView with some text boxes for dates that I added the CalendarExtender to. And just like before the GridView had some CSS specific to it’s td which involved padding and text alignment. I added all the CalendarExtender styles to my css file and the extender worked fine but did not look quite right. The current date listing was quite ...
Developing and designing AJAX Web applications have always been a complex process that required many different skills and knowledge of various coding languages. Visual WebGui RIA Platform is targeting simplification of AJAX development process by offering a visual development environment that flattened the traditional multi-layered development into a single layer requiring basic .Net development skill set. As a result, building line of business AJAX Web applications became simpler, faster and most ...
I have been playing around with the ASP.NET ListView and Repeater controls quite a bit recently, and thought that a simple calendar control with date range selection capabilities baked-in would make a good example of how these controls can be used to produce some pretty neat functionality without a great deal of code. The System.Web.UI.WebControls namespace already contains a calendar control of course, which is itself quite feature-rich. Although it doesn’t offer support for date range selection ...
The TabContainer is an ASP.NET AJAX Control which creates a set of Tabs that can be used to organize page content. A TabContainer is a host for a number of TabPanel controls. You can change the look of the control by using the CSSClass property, however the styles must be overridden, and a slightly overlooked, but significant fact is that the GIF tab images must be redrawn if you are going to be changing the look of the tabs. The AJAX Control Toolkit can be found here: http://www.asp.net/AJAX/Aja... ...
I attended the Central Ohio Day of .NET (CODON) a few weeks ago and had a great time. I attended Josh Holmes keynote first thing. Josh focused on simplicity and how we should keep that in mind when building solutions. I liked the content and I thought Josh did a good job of delivering it. I then attended Jeff Blankenburg’s CSS talk. Jeff did a really good intro to CSS by showing several of the most common layout samples that you see on the net. After Jeff’s, I saw Leon Gersing’s “JavaScript is Awesome” ...
Yesterday I got the email welcoming me to the First Annual WinPHP Challenge. Microsoft, ibuildings and Leaseweb are sponsoring this contest to show Windows is now a first class citizen for development and deployment of PHP projects. The idea of this contest is very simple, just build an application running on Windows and IIS7. But, do this with PHP. The contests ends June 1st. Until then all contestants have to blog about their progress. On June 13th the winner will be announced at the DPC closing ...
This is another installment of how to use the ASP.NET ListView and Repeater to generate repeating groups of controls in ASP.NET pages in scenarios which often lead developers to add unnecessary complexity to their pages by resorting to dynamically generated controls. Part 2 demonstrated using the ListView control to maintain the values in a repeating group of textboxes, using a collection of strings as a data source,and allowing the user to add rows as required. This works well for simple scenarios, ...
This example demonstrates on how to apply Skins to ASP.NET WebParts. Before we begin let us first understand the concept of the skins in ASP.NET. What is a Skin file? A Skin enables us to modify any of the properties applied to the server controls in our ASP.NET page. Skins can work in conjunction with CSS files or images. To create a Theme we can use a single skin file in the Theme Folder. The skin file extension should be always .skin. For more information about ASPNET Themes and Skins then have ...
First of all, thanks to all those brilliant people who made the long arduous journey to the UK (and to all those who just happened to be near by). I know it must have killed you to be so far away for so long. I can only imagine how hard it was for you. All of us that couldn’t go really feel for you and feel your pain. Okay! So, for those of us that couldn’t go, some of these guys really did a tremendous job of twittering what was going on during the conference. They absolutely did not have to do ...
Good news! Starting April 1st SharePoint Designer will be free! Bad news! Starting April 1st SharePoint Designer will be free! I have a love / hate relationship with SharePoint Designer, but I have always been quick to defend it to those developers out there who think it is Satan’s offspring. Although I’m sure some of Dark Lord’s minions had their hand in designing some of SharePoint’s quirks, I’m fairly certain SharePoint Designer is not quite that evil. It does however attempt to spread mayhem. ...
So I just installed Live Writer and am writing this blog with it. Integrating with my blog was painless. I added a Code Snippet plug-in, hoping that it will work well for me. I’ve been using CopySourceAsHtml (CSAH) to great success, but thought it best to try out the plug-ins that are available. There are other code plug-ins, but this was the highest rated. Do you, Dear Reader, have a favorite? Here is a comparison between the CSAH and the plug-in: CSAH: 1 [Specification] 2 public void the_job_end_date_should_be_... ...
“When checking your page in various browsers, you may find Safari displaying a bright red text color for your page anchors (links), overriding the colors you've specified in your CSS selectors. First, look for a CSS document that may not be uploaded to your server. It will be returning a 404 (page not found) error. The simplest way to do this is to use the Web Developer's Toolbar extension for Firefox (by Chris Pederick) and simply click on the CSS > View CSS menu item. The page that appears will ...
Well, we are halfway through day 1 and there are some very cool things being demonstrated and released. First, another reminder that you can see all the sessions for Mix09 at http://2009.visitmix.com. One of the biggest topics of the conference so far is the release of Silverlight 3 into beta. There are a lot of great technologies which come along with this release including the ability to disconnect Silverlight applications from the browser. Myy personal favorite new application update is the release ...
Check out John Papa’s blog for much more detail and camera work… I’m just doing highlights. Web… Each of the tools can be used independently or integrate with each other or open source tools Expression Web 3: Standards based web authoring, Multi-laguage, Secure FTP, CSS Diagnostics, SuperPreview Erik Saltwell demoing Expression Web 3 SuperPreview – split screen or full, and can pick the browser to view it in, also can side-by-side the various browsers, or layering them one over the other to see problems. ...
I wanted to make sure and draw attention to the effort that Brandon King in Harrison, Arkansas has given towards promoting this event. There are some major giveaways, and we will be arranging a carpool from Springdale to drive the 1:30 to give a good showing from the NWA DNUG crew. Details: Who: CLAUDIO LASSALA What: Details at http://odnug.org When: April 2nd 5:30 PM – 8:30 PM Where: North Arkansas College (Center Campus - Durand Center - Old Regions Bank Building), Harrison, AR Grand Prize Inspiron ...
Here's what's happening: Attendees: 428 Sessions: 73 Speakers: 49 Tracks: 15 Sessions: ASP.NET Make your Data Dance with ASP.NET Dynamic Databy Shawn Weisfeld + Show Description ASP.NET Dynamic Data is a framework that lets you create data-driven ASP.NET Web applications easily. It does this by automatically discovering data-model metadata at run time and deriving UI behavior from it. A scaffolding framework provides a functional Web site for viewing and editing data. You can easily customize the ...
I was recently working on a GridView and needed to add a calendar for two of the columns while in edit mode. I added the AJAX CalendarExtender and it returned the selected date with no issues. <EditItemTemplate > <asp:TextBox ID="txtDate1" runat="server" Text='<%# BIND("Date1", "{0: MM/dd/yyyy}") %>'></asp:TextBox> <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDate1" PopupPosition="Right" CssClass="caltheme" > </cc1:CalendarExtender> ...
This is on the request of some of my readers to show how effective Asp.net menu control is by using CSS Control Adapter. Most of the folks either have no idea of what CSS Adapter is or have some problem in integrating that with their applications. So, In this post I will brief you guys how can we use CSS Adapter to format the design of Asp.net Menu Control. Before we start, let me dig out why would somebody use CSS Adapter and what does that do ? Have you ever notice by viewing the source of your ...
Wow, time flies! I can't believe the 4th Orlando Code Camp is coming up next month at the Seminole Community College in Sanford, FL. To be specific, it is on Saturday, March 28th. This is a free event and there are 54 sessions with 38 speakers so far. DotNetNuke sessions will be in full force. Here they are: DotNetNuke DotNetNuke 5 Module Developmentby Stan Schultes + Show Description Stan Schultes will begin with a quick technical overview of DotNetNuke, and a discussion of why you might build a ...
All right, all you developers out there... let's see a show of hands. How many of you delight in finding new ways to solve a problem? You. Yes, you in the back. Get your hand up. You can't call yourself a developer if you don't enjoy finding a new (preferably somewhat convoluted) to solve a problem. I've been doing some work that involves converting C# code to VB.NET code. I was sitting in the speaker lounge at VS Live, shortly after getting into San Francisco. I'd played a little bit on the plane ...
Microsoft Visual Studio Team System/Test Edition provides an excellent tool to perform web site load testing. Using this load testing tool, you can monitor and measure the site performance along with system status with respect to a given load/stress. Fortunately VSTS provides a support for wide range of performance counters, from web page request per second to condition of physical disk, memories. Unfortunately, they are too huge that, initially testers/designers get overwhelmed with all of those, ...