Sam Beauvois

CSS Mixer

admin — Thu, 25 Feb 2010 22:41:35 +0000

Css mixer is a tool I’ve developped in C# winforms, .NET framework 3.5

You can use it to improve you ASP.NET Themes or your CSS files for all your web projects.

If you have many css files linked to a page, you can group them in a single file with CSS Mixer.

You can also minify CSS files to save the bandwith.

To use it, open a folder containing CSS files,

choose an action (simple combine, or combine and minify) then click Save as …

Download the last version of CSS Mixer on codeplex.

I hope you’ll find it usefull. please give me feedback on it

Get the parent Folder for a SPListItem

Sam Beauvois — Thu, 18 Feb 2010 18:23:08 +0000

To retrieve the parent folder

my extension method


public static SPFolder GetParentFolder(this SPListItem spListItem)

{

if (spListItem == null)

return null;

SPFile spFile = spListItem.Web.GetFile(spListItem.Url);

if (spFile == null)

return null;

return spFile.ParentFolder;

}

Use


SPFolder parentFolder = sPListItem.GetParentFolder();

if (parentFolder != null)

{

// do some stuffs..

}

public static SPFolder GetParentFolder(this SPListItem spListItem)

{

if (spListItem == null)

return null;

SPFile spFile = spListItem.Web.GetFile(spListItem.Url);

if (spFile == null)

return null;

return spFile.ParentFolder;

}[/csharp]

How to build a “visible on hover” action menu with CSS?

Sam Beauvois — Sun, 07 Feb 2010 19:44:41 +0000

In my previous post I explain a way to build a “visible on hover” menu using jQuery.

Now, I’ll explain you how to do that without javascript, using only CSS.

First, built the web page and a CSS file



 
 Sam Beauvois | CSS on hover menu
 
 

 
 Visible on hover with CSS demo.

 
Please put you mouse hover the following texts

 
 Demo 1
 
 action 1 | action 2 | action 3

Then add a class to the container and content divs

Demo 1

action 1 | action 2 | action 3

And define the classes in the CSS file :


.hidden_action_container .hidden_action
{
 display: none;
}
.hidden_action_container:hover .hidden_action
{
 display:inline;
}

note the class declaration :

.hidden_action_container:hover .hidden_action

Now it’s functionnal,

Add a style to make it nicer :

.hidden_action_container
{
 padding : 15px 15px 15px 15px;
 background-color: #DDDDDD;
 border-style:solid;
 border-color:#EEEEEE;
 height:50px;
}

.hidden_action_container .hidden_action a
{
 color:#999999;
 font-size: 20px;
 font-weight:bolder;
}

.hidden_action_container .hidden_action
{
 display: none;
}
.hidden_action_container:hover .hidden_action
{
 display:inline;
}

You can see the online demo here : http://www.sambeauvois.be/Demos/CSS/VisibleOnHover/demo.html

How to build a “visible on hover” action menu with jQuery ?

Sam Beauvois — Fri, 05 Feb 2010 16:43:35 +0000

Here is a quick way to use jQuery library to create a “visible on hover” action menu.

I’ll explain step by step how to do that.

1.) Create an html page with actions in a container


 
 Sam Beauvois | jQuery usage demo 1
 
 
 Visible on hover with jQuery demo.

 
Please put you mouse hover the following texts
 
 Demo 1
 
 action 1 | action 2 | action 3

Result is

simple page

2.) Link the jquery library (here from google code, but you can download the library at jquery.com) and add a css class to the container div and one other to the action div



 Demo 1
 
 action 1 | action 2 | action 3

3.) Add a function :

Now it’s functionnal, hover the zone to check :

4.) Now, add some css to make it nicer :

.hidden_action_container
{
 padding : 15px 15px 15px 15px;
 background-color: #DDDDDD;
 border-style:solid;
 border-color:#EEEEEE;
 height:50px;
}

.hidden_action a
{
 color:#999999;
 font-size: 20px;
 font-weight:bolder;
}

And the final result looks like

You can see the online demo here.

How to get the list of all stored procedures using a specific table

Sam Beauvois — Wed, 03 Feb 2010 15:25:25 +0000

Big projects with a lot of stored procedures can be a mess to maintain.

If you change one field in a table, you have to check if there is no side effect in the stored procedures using this table.

This “sp_depends” system stored procedure can help you finding your stored procedures using the table you modified.

Just create a new query, type


EXEC sp_depends @objname='tableName'

(replace “tableName” by the name of your table)

then execute.

result example :

example result

How to use the undocumented stored procedure sp_msforeachtable to add a column to all tables in a database ?

Sam Beauvois — Mon, 25 Jan 2010 20:13:27 +0000

There are two examples, in both I add a column to each tables except the spnet membership tables.

Example :

Add the “CreatedDate” column to all tables :


print 'Add [CreatedDate] Column for each user table'

EXEC sp_msforeachtable
 '
-- add column
exec(''
 declare @tableName as nvarchar(max)
 set @tableName = ''''_?_''''

 IF (CHARINDEX(''''aspnet_'''',@tableName) = 0) -- no aspnet membership
 BEGIN
 IF EXISTS (SELECT * FROM sys.objects WHERE object_id = OBJECT_ID(N''''?'''') AND type in (N''''U''''))
 BEGIN
 IF columnproperty(object_id(''''?''''), ''''CreatedDate'''', ''''ColumnId'''') is null
 BEGIN
 ALTER TABLE ? ADD [CreatedDate] datetime NOT NULL
 END
 END
 END
'')

' ;
print ' [CreatedDate] Column is created for each user table'

Example 2 :

Add the “CreatedUserID” column to all tables and enable constraints. For the example, the reference use the aspnet_Users table

print 'Add [CreatedUserID] Column for each user table'

EXEC sp_msforeachtable
 '
-- add column
exec(''

 declare @tableName as nvarchar(max)
 set @tableName = ''''_?_''''

 IF (CHARINDEX(''''aspnet_'''',@tableName) = 0) -- no aspnet membership
 BEGIN
 IF EXISTS (SELECT * FROM sys.objects WHERE object_id = OBJECT_ID(N''''?'''') AND type in (N''''U''''))
 BEGIN
 IF columnproperty(object_id(''''?''''), ''''CreatedUserID'''', ''''ColumnId'''') is null
 BEGIN
 ALTER TABLE ? ADD [CreatedUserID] uniqueidentifier NOT NULL
 END
 END
 END
'')
-- add constraint

 declare @constraintName as nvarchar(max)
 set @constraintName = ''FK_?_CreatedUserID''
 IF (CHARINDEX(''aspnet_'',@constraintName) = 0) -- no aspnet membership
 BEGIN
 set @constraintName = REPLACE(@constraintName,''[dbo].['','''')
 set @constraintName = REPLACE(@constraintName,'']'','''')
 IF NOT EXISTS(SELECT 1 FROM sys.objects WHERE OBJECT_ID = OBJECT_ID(N''''+@constraintName+'''') AND type = (N''F''))
 BEGIN
 exec(''
 ALTER TABLE ? ADD CONSTRAINT [''+@constraintName+''] FOREIGN KEY([CreatedUserID])
 REFERENCES [aspnet_Users]([UserID])
 '')
 END
 END

' ;
print ' [CreatedUserID] Column is created for each user table'

The difficulty is to add the right numbers of ‘ .

Zeros and strings manipulation in Tsql

Sam Beauvois — Thu, 21 Jan 2010 12:56:52 +0000

How do I convert an int to a zero padded string in T-SQL?

Let’s say I have an int with the value of 1.
How can I convert that int to a zero padded string, such as “00000001″?

DECLARE @iVal int
SET @iVal = 1
select REPLACE(STR(@iVal,8,0),' ','0')

result is “00000001″

And the inverse :

Let’s say you have a string “0000000120345FER” and you want to remove the leading zeros

DECLARE @iVal nvarchar(max)
set @iVal = '0000000120345FER'

DECLARE @iVal2 nvarchar(max)
set @iVal2= SUBSTRING(@iVal, PATINDEX('%[^0]%', @iVal+'.'), LEN(@iVal))

print @iVal2

result is “120345FER”

A few lists …

Sam Beauvois — Tue, 19 Jan 2010 10:08:29 +0000

The Joel Test: 12 Steps to Better Code

Top 10 Things That Annoy Programmers

10 Programming proverbs every developer should know

101 Ways To Know Your Software Project Is Doomed

Top 100 Blogs for Developers

–> Pragmatic Software Development Tips

Copy datatable’s row to an other datatable’s row

Sam Beauvois — Sat, 16 Jan 2010 13:35:39 +0000

This method perform a row copy with a few checks


public static void CopyRowToAnOther(DataRow row, DataRow anOtherRow)
        {

            if (row == null || row.Table == null
                || anOtherRow == null || anOtherRow.Table == null)
            {
                return;
            }

            foreach (DataColumn colunm in row.Table.Columns)
            {
                if (anOtherRow.Table.Columns.Contains(colunm.ColumnName)
                && !row.IsNull(colunm.ColumnName)
                && colunm.DataType == anOtherRow.Table.Columns[colunm.ColumnName].DataType)
                {
                    anOtherRow[colunm.ColumnName] = row[colunm.ColumnName];
                }
            }
        }

public static void CopyRowToAnOther(DataRow row, DataRow anOtherRow)

{

if (row == null || row.Table == null || anOtherRow == null || anOtherRow.Table==null)

{

return;

}

foreach (DataColumn colunm in row.Table.Columns)

{

if (anOtherRow.Table.Columns.Contains(colunm.ColumnName)

&& !row.IsNull(colunm.ColumnName)

&& colunm.DataType == anOtherRow.Table.Columns[colunm.ColumnName].DataType)

{

anOtherRow[colunm.ColumnName] = row[colunm.ColumnName];

}

Don’t repeat your common CSS between your different themes

Sam Beauvois — Thu, 14 Jan 2010 18:02:53 +0000

To fully understand this article, you need an Asp.Net Themes system knowledge

The case :

You have an application with a CSS layout, and a few themes.
There is just a little change between the different themes, by example you change only the color scheme.

A solution to do that is to repeat all CSS files in all your themes, and change the color part.
The problem with that solution is that if you change one common style in one of your themes, you’ll have to repeat the change in all themes. This is a bad idea, it leads to chaos !

Then how can you do to avoid the code repetition ?

My solution:

1.) Create a Common Theme.

In the Common theme, you define CCS files with a default color scheme (just in case)

.testclass
{
border:solid 1px #DDDDDD;
background-color:#DDDDAA;
font-size:xx-large;
}

2.) Create an other Theme (let say “Green”)

In the Green theme, you define CCS files with only the color information


.testclass
{
background-color:#00FF00;
}

2b.) Create an other Theme (let say “Blue”)

In the Green theme, you define CCS files with only the color information


.testclass
{
background-color:#0000FF;
}

Your Theme structure has to look like this :

3.) Create a default page (Default.aspx)

And set the class of a div to “testclass” (define above)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ThemTests._Default"
%>





 Test with themes


 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut tellus eget turpis semper adipiscing sit amet id odio. Nunc vitae imperdiet tellus. Aenean quis orci metus, vitae placerat leo. Pellentesque luctus, lectus sit amet lacinia tincidunt, mi nibh sagittis nisl, vitae mollis eros nisi sit amet sem. Nunc dictum massa turpis. Etiam nisi mauris, consectetur et tempus id, pharetra in turpis. Nullam pretium ultricies nulla nec gravida. Sed porttitor metus nisl, ac condimentum nunc. Integer id feugiat orci. Maecenas ut lacinia purus. Mauris egestas mattis accumsan. Nunc in justo massa, quis egestas orci. Ut tincidunt, ligula sit amet tempor pharetra, magna mauris gravida mi, sed semper magna justo at velit. Donec vulputate fringilla lacus non sollicitudin. Morbi nulla nibh, pellentesque sed bibendum cursus, malesuada ut nisi.

4.) Edit the Web.Config file

Go to the “Pages” section, set the styleSheetTheme attribute to “Common” and the theme attribute to “Green”

Now launch your web application, the result has to be like this :

See in firebug :

Explanation :

This works because of the styleSheetTheme and theme attributes.

In fact, ASP.NET applies the styleSheetTheme defined theme first, then applies the page defined styles and at least applies the theme defined theme.

With this technique you can get rid of a few headaches.