Tag | Css Posts

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, ...
More than a year ago I wrote a post Code Render Blocks does not work inside HEAD server controls about the problem, that prevented me to update URL of CSS file, when version of assembly incremented. Now I've created a function /// <summary> /// /// </summary> /// <param name="page"></param> /// <param name="cssFileHref">e.g. "~/StyleSheet.css"</para... /// <returns></returns... public static HtmlLink AddStyleSheetLink(this Page page, string cssFileHref) ...
Today I was faced with an unusual task: I needed to find a way to nullify an element's style attribute, i.e.: <br style="clear: both"> The style's clear:both was causing some unnecessary whitespace. I couldn't change the style attribute directly because it was on a Master page that I didn't have the permission to modify. I am not sure if there is a way to do this using CSS alone (element style takes precedence over any css class). My Solution Step 1: Hide the offending <br> element // ...
A couple of weeks back I attended a session on Unobtrusive JavaScript (UJS) and jQuery by John Teague. This was probably the biggest thing I took from the Houston TechFest. Recently, I found the opportunity to put my new knowledge to good use. I haven't reach the unobtrusive part of John's presentation, but jQuery is my first step. Documentation I found the jQuery API documentation to be invaluable. At first, as a reference, it was a little difficult to find what I need. For example the "val()" function. ...
Frustrated with square looking web pages, many web designers look to Flash. In addition to freedom of graphic expression, Flash brings interaction and transition effects which are difficult or impossible to duplicate. Why then shouldn't all websites be Flash laden? Several reasons pop to mind: Loading speed: Way too often, flash movies load complex graphics, forcing the viewer to stare at some progress bar. For people who want to quickly access information this is a huge turn off. A "skip intro" ...
The following is a simple checklist you can use when building web applications. Much of this still applies to other technologies and can easily be extended. I try not to get too specific on technology or methodology, but it is definitely leaning toward ASP.NET. If you can think of something I am missing or disagree, please leave a comment. Detailed information follows the checklist. How much of the checklist you follow will depend on the project. If its just a hobby site, you may skip items like ...
This week I was tasked with styling a data table so that all the rows would scroll vertically, but the header row would stay in place. For the project in question, the scrolling must work in both Firefox and IE 7. Firefox supports CSS for scrolling the <tbody> part of the table. However, IE does not support scrolling for the <tbody>. I searched some other blogs for solutions and found that a popular solution for IE involves using expressions in CSS. A scrolling <div> is placed around ...
*Moved to: Reformat your CSS on the flyHave you ever, when developing a website, been frustrated when you get a different result when you deploy your application to http://site/ and http://site/app/. Read more...Follow my new blog on http://blog.hinshelwood.com ...
Update: The RCI Version is now available for Download at http://www.microsoft.com/wi... If you have installed the IE 8 Beta 2 and have been using it for sometime, you would have benefited some of the features such as the Accelerators, In-private browsing, instant search, web slices and other enhanced navigation features. You can find more information on the same at http://www.microsoft.com/wi... and a detailed ...
So I had the recent privilege to work with a bunch of InputFormTextboxes and KWIZ Tagging Controls. None of them would inherit my styles using the CSSClass tags for some reason. So I shoved a couple spans around the controls in the RenderContents method and finally the links inherited everything I needed. Morale of the story: <span></span> is your friend. Technorati Tags: MOSS,SharePoint,CSS,Webparts ...
Will Strohl has put together a nice track for all DotNetNuke users at the South Florida code camp scheduled for next month. Here's the lineup: DotNetNuke 5: Introduction & Overview Brian Scarbeau, co-author of the upcoming Professional DotNetNuke 5 book by Wrox gives an overview of DotNetNuke 5. This session will review an Introduction to DotNetNuke and some of the new features that comes with DNN 5. Learn how to install DNN and learn how to create pages and put modules on your pages. Learn how ...
12 Steps To Faster Web Pages With Visual Round Trip Analyzer recommends (among others useful suggestions) to Set Expiration Dates - follow Using Content Expiration (IIS 6.0), . I've looked in a few articles, including Best Practices for Speeding Up Your Web Site, "Optimizing a Page-Load Performance Profile and Optimization of a Web Site - Using Content Expiration (IIS 6.0) . Finally the post IIS Content expiration header and ASP.NET cleared my concerns: IIS is smart enough to add the expiration header ...
In the post below I am going to run down a short-list of some of the less-popular performance tips and the reasoning behind them. There are loads of blog postings and articles on asp.net performance enhancements, and I urge you to check those out as well. Onto the good stuff... Session.ReadWrite versus Session.ReadOnly It goes without saying that using the Session object will incur some performance overhead so if possible it should be turned off in the web.config. That said, If you’re using the Session ...
Came across an interesting post on the Joel Spolsky's blog the other day...Seems like all browsers besides IE use bicubic interpolation for image scaling.. As Joel mentions though, all you need to do is add img { -ms-interpolation-mode:bicu... } to the appropriate section/tag in your cascading style-sheet. Joel also has an example on his blog post if you'd like to see the evidence. Technorati Tags: CSS,Internet Explorer ...
Selecting Items in a list using DIVs instead of Radio Buttons Problem: Radio buttons cannot be styled using CSS. Another problem is that they simply f*** up your design if used incorrectly. They are also not very useful if you would like a user to be able to click on a large item in order to select it. Solution: A solution to this problem would be to allow the user to click on whole DIVs in order to select an item. This is done using some javascript, CSS and a hidden textbox. This is how it's done ...
When I started my current job, the first thing I was tasked to do was getting familiar with CommunityServer and then integrate it into our existing framework. I immediately thought back to a few years ago when I bought a hosting account from a well-known provider and they offered a forums add-on. This came in the form of CommunityServer. The only thing I recall about it now, is that I didn't find it appealing, had my account changed from a Windows server to a Unix server, and installed phpBB. I tried ...
Check this out- I was working on a menu for a web site and used a series of ASP:Hyperlink objects to display it. So here's my menu: <div id="navigation"> <asp:HyperLink ID="HyperLinkHome" NavigateUrl="~/Default.aspx" runat="server">Home</... <asp:HyperLink ID="HyperLinkNewRequest" NavigateUrl="~/Default.aspx" runat="server">New Request</asp:HyperLink> <asp:HyperLink ID="HyperLinkMyDepartment" NavigateUrl="~/Default.aspx" runat="server">My Department</asp:HyperLin... ...
So I promised you guys one interesting fact based on my dev experiences every week. I failed last week due to a ton of junk going on. Here it is: Open up an "EditForm.aspx" in SharePoint Designer Go to the Insert menu and click on the SharePoint Section and you will see Insert Custom List Form Field At this point you want to choose the list you are working with in the drop down and make sure the radio button for Edit Form is selected Switch to Split and highlight part of the form tables, notice you ...
CSS : Color Property The CSS Color property is there to set the color of the text written within this element, in other words it is the fore color. The value in the color property can be: · A color name example: blue: h1 { color: blue } · A hexadecimal number example: #FF0000: h2 { color: #FF0000 } · An RGB value example: (0,255,2): p { color: rgb(0,255,2) } ...
CSS : Padding Property Padding is the space between the element’s content and border. Padding may be defined at once, or according to where you would like it, meaning: padding-top, padding-bottom, padding-right, padding-left. The following is how to declare the padding property for multiple sides: td.allpadding { padding: 25px; } The following is how to declare padding according to where it is needed: td.Leftrightpadding { padding-left: 10px; padding-right: 10px; } ...
With XBox Live Community Games (XBLCG) going live soon, I've been thinking a lot about things that are going to help all of us be successful. One of those things is encouraging hobbyist and independent developers looking to get their game out to the public to consider the quality of the game. Flooding XBLCG with a lot of poorly implemented games missing most of the polish that regular XBox Live Arcade (XBLA) titles have will quickly sink our ship. Microsoft has already made some effort encouraging ...
I've created the MyTableClass CSS class(stored in .CSS file) and specified it to a HTML table. .MyTableClass { font-size: 8pt; } However the size of font inside the table was bigger than I specified. Thanks to VS 2008 CSS properties pane - Applied Rules section I was able to find that the rule was overridden by TD element style TD { font-size: 12px; } It was not hard to create hack to override global TD. .MyTableClass TD { font-size: 8pt; } I feel that having global element rule is not a good idea. ...
Background Way back in March I posted about a custom GridView I was working on. Then in June, I said that I would be posting some guidelines "in the coming weeks". Needless to say, I've been busy with other things. I am hoping to provide some basic guidelines on how to customize a ASP.Net GridView. I am no expert. The experts build components for retail use. Also, I've taken a server-side approach to the problem which is perhaps a little outdated with AJAX technology available. In my case, I use ...
Margin Properties Margin properties in CSS has to do with the space around elements. One can tackle all margins at one time by using the following css: p { margin: 2cm 4cm 3cm 4cm } Or else, one can make use of margins seperately in terms of: margin-top margin-bottom margin-left margin-right Margins may also be given negative numbers in order to overlap elements on top of each other. Example: p { margin-bottom: -30px; } Below is a graphic to better explain which part is the margin part. The other ...
Display Properties The display property is used in CSS to choose how an element (which can be for example a list item, paragraph, table) will be outputted for the user to see. The most commonly used are: none: the element will not be displayed at all p { display: none; } inline: the element is shown in a line, one after each other, with no modification (no line breaks etc) p { display: inline; } block: the element has a line-break before and after the element. I made use of this several times to ...
As some folks have pointed out (thanks!), the MOSS UI Tutorial videos are no longer available on ScreenCast.com. I was using a free account at ScreenCast and my bandwidth limit was reached, so they have disabled my content. I'm looking around for alternatives, but in the meantime you can see the screencasts on YouTube. Part 1: Master Page Overview and Custom Design Examples http://www.youtube.com/watc... Part 2: Prepping HTML/CSS Templates for MOSS http://www.youtube.com/watc... ...

In my ASP.NET application validators are used for validating the data entry part and as per the requirement we need to show a different color for error messages. We have created a CSS class for all the error message and applied to validators but noticed that the error messages are always displayed in RED color. The trick here is we also need to set the ForeColor to empty to get the color of text from CSS Class. Sample is provided below.

CssName="Someclass" ForeColor=""

 

Went to the ASP.NET Roadmap session…nothing really earth shattering, but some good improvements coming with ASP.NET 4.0. They’re focusing on four themes for the next version: - Best platform for standards (HTML, CSS, Ajax) - Great Line of Business Platform - Support Pattern Based Dev (MVC) - Re-Invest in the Core So knowing that, what are some things we can expect? Here are some highlights: Client ID’s will now be manageable by developers (you give a custom prefix, but an appendix will still be applied ...
This session is by Scott Hunter, Program Manager at MSFT In July 2007 - ASP.NET Futures was released That was followined by an Extensions Preview of ASP.NET 3.5 in Dec 07 Then in March 08 - we started doing some new stuff - ASP.NET 3.5 SP1 - MVC and more The ASP.NET will continue to release out-of-bound items. CodePlex is the main driver for that. www.codeplex.com/aspnet - This is where you will find the interim drops. Currently there are ~1,000 downloads today If you want to see all the latest and ...
In this issue: Jeff Handley, Dan Wahlin, Matthias Shapiro, Peter McGrattan, and Imran Shaik. You might want to take a look at Somesegar's post: Inspiring through Innovation - DevLabs. I've seen another post about the "Small Basic" compiler... Corey Schuman reports he has Updated examples to RTM. From SilverlightCream.com: ViewModel Pattern Jeff Handley has a bit of an overview article on the ViewModel Pattern. This applies to both WPF and Silverlight, so would be a good read. Adding Style to Silverlight ...
Here are some supplimentary files for the MOSS UI Tutorial series that I recently posted. (The tutorial screencast posts begin here.) Here are the Base Master Page and Base CSS File developed by e.magination for use in MOSS websites. Here are the HTML Template files (an HTML file, CSS file, and images) used for the Demo site in the screencast series. I have updated the individual screencast posts with links to the PDF files that go with each post. Each PDF file contains the slides used for that chapter ...
Check if object is null or undefined. I had an understanding that to check if variable not null in JavaScrip, you need to check if (typeof SomeObject !='undefined') . But it is wrong, because null is not the same as 'undefined'. From http://weblogs.asp.net/bler... The shortest way to deal with this, and also the one that best expresses your intention of checking if an object is safe to use is probably to just rely on the ...
Book Review: MicrosoftOffice SharePoint Designer 2007 Step by Step - Penelope Coventry This book is full of tutorials and hints in building customised SharePoint sites. It helps you build pages complete with CSS (Cascading Style Sheets), Libraries, lists and also webparts which are very customisable. I bought the book for the main purpose to learn creating workflows with SharePoint Designer 2007, and it really help me. The book as the title says, is really step by step and it is designed and laid ...
I decided to completely redesign my website www.galasoft.ch (yes, it's about time, I know). For this process, I decided to inspire myself (loosely) from my good friend Robby Ingebretsen's site, which is both simple and beautiful. Read the rest of this entry » ...
CSS Variations in a MOSS Website Part 10 discusses some bonus tips for applying CSS variations in MOSS, by using the Page Layout method or the Subsite method. Here is a PDF file of the slides featured in this screencast ...
Assigning the Master Page and CSS File Part 7 demonstrates how to assign the custom Master Page and custom CSS file in MOSS. Here is a PDF file of the slides featured in this screencast ...
Prepping HTML/CSS Templates for MOSS Part 2 demonstrates how to prep local HTML templates for MOSS. It also examines the base CSS file created by e.magination for MOSS websites. Here is a PDF file of the slides featured in this screencast ...
Applying Custom Visual Design to a MOSS Website Using Master Pages and CSS This 10-part instructional series assumes that the trainee is proficient in HTML, CSS, and .NET Master Pages. The trainee should be comfortable working directly with the code (instead of using design view) in various applications. UPDATE: The base Master Page file and base CSS file are available HERE. The HTML Template example is available HERE. I will also update each chapter post with the corresponding supplimentary PDF ...
I mashed together a variety of random web resources on how to make a decent pre tag for code and the output looks like this (ignore how incredibly bad this code is... I was testing SVN and making sporadic changes... Steve McConnell would strangle me): Module Module1 Sub Main() Console.BackgroundColor = ConsoleColor.DarkBlue Console.ForegroundColor = ConsoleColor.White Console.Clear() My.User.InitializeWithWindo... Dim sw As New Stopwatch() sw.Start() Dim username As String = My.User.IsInRole(Applicatio... ...
In this issue: Jesse Liberty, Denislav Savkov, Shawn Wildermuth, Gerard Leblanc, and Jonas Follesø. From SilverlightCream.com: Data Binding – Data Conversion Jesse Liberty has a very nice post on Data Conversion in DataBinding ... timely for me since I was just looking at that last night :) ... good job on this, Jesse! The ComboBox control in Silverlight 2 RC0 Denislav Savkov continues the control excursion in RC0 by tackling the Combobox this time in the complete manner that we've grown accustomed ...
SharePoint Permissions... Part 1 SharePoint Services 3.0 has five permission levels by default. Particular permissions are associated with these permission levels. The site owner has the privilege to assign these permission levels with different users and/or groups, modify which permissions are associated with these permission levels and add new permission levels according to his needs. Note: Limited and Full Control levels cannot be modified. Default Permission Levels in Windows SharePoint Permission ...
NOTE: In this series I build a blogengine using ASP.NET MVC and jQuery from scratch in order to learn more about these new technologies. If you haven't read the first post in this series, I would encourage you do to that first, or check out the jBlogMvc category. You can also always subscribe to the feeds. In this part of the series, I build the administration area of the blog engine I am building using the ASP.NET MVC and jQuery, in this part I will cover more basic features used in any blog engine, ...
Website: http://cvnug.wi-ineta.org Date: October 9 Location: Chippewa Valley Technical College - Room 176 Presentation Information: Mike Benkovich from Microsoft will show us how Visual Studio 2008 enables developers and IT operators to dramatically reduce the amount of time, effort and code required to develop and deploy real-world Web applications. ASP.NET 3.5, Visual Studio 2008 and IIS 7 each provide much improved administration and management support, on top of dramatically improved performance. ...
It is a common problem in the sharepoint 2007 developemt to hide the “Sign in” link in the client web browser. I didnt find any perfect solution for that. Let's think one scenario. For example, You are developing a WCM website in MOSS and have two entry points to the website - one web app for internal use to edit the site (i.e. you have to authenticate), and one for the website (i.e. for anonymous access). You have created a master page which obviously has to contain controls that allow users to ...
Hi guys, Well, the portfolio page has changed a bit! I've added this really cool Javascript effect known as FancyZoom, and extended to work with Prototype and Scriptaculous. As an aside, DotNetNuke has native compatibility with two Javascript/AJAX frameworks - Project Atlas (or ASP.NET AJAX) and Prototype, but can't be made to work with any other frameworks like Mootools, jQuery and so on. Funky little way of saving space on the page with a nice UI effect. Only downside is no AJAX, but DNN works ...
Earlier this evening, I was working on another NINE Questions interview and the interviewee sent me two Flickr links of pictures to choose from. Unfortunately, Flickr had some sort of weird protection that prevented me from dragging, copy & pasting or saving the photo I needed. I kept getting this 1x1 pixel transparent image named spaceball.gif. I really needed this picture, and I had permission to use it from the interviewee, but she wasn't available at the time to just send me a copy, so I ...
I came across this posting on Ed Eliot's blog and had NO idea this existed but it made my life a lot easier. Full credit goes to him on this - the below is cut and pasted directly from his blog so I know where to find it in the future. The URL for this post on his blog is: http://www.ejeliot.com/blog/63 .box { background: #00f; /* all browsers including Mac IE */ *background: #f00; /* IE 7 and below */ _background: #f60; /* IE 6 and below */ padding: 7px; color: #fff;} I think it speaks for itself. ...
The customer agreed with me that the amount of time I've spent is plenty, and I've not heard anything back from anyone else getting more than 10 reams of blank paper inserted between two lines in a Crystal Reports PDF file... hmmm did Business Objects buy one of the printer paper distributorships?? I agree that producing a PDF file and then printing that PDF file produces a very nice output, primarily because there is no header/footer text on the printout and the paging is handled a little better ...