Color-Picker recipe silverlight

Color Pickers are commonly used in RIA’s , the day by day web is evolving u have used color pickers but most of u don’t know the logic behind, so now we are dive into the building process of color picker.

Hope u will enjoy…

To build Color-Picker we have to work over following things:

• Building primary color bar
• Building single color shade palette
• Building a draggable handle for color shade palette and primary color bar

Primary Color Bar

Primary color Bar has almost all basic colors. If u look at the image below u will get the flow of Red, Green and Blue channels for color, Basically in color picker if we start from left we have following situation

1. Red to Yellow
2. Yellow to Green
3. Green to SkyBlue
4. SkyBlue to DarkBlue
5. DarkBlue to Pink
6. Pink to Red

We can get the complete color bar with primary colors by mixing colors in following order.

Method CreatePallete in class CtrlColorPicker will render primary color bar.

Building single color shade palette

We can get a single color from primary color palette now to get the selected color’s darker and brighter shades of this color, to implment it we have three rectangles with same width & height  256 x 256 and in following order.

1. Selected Color Rectangle — Primary Color
2. White Gradient (From full white to transparent white — Left to Right)  — Bright Light
3. Black Gradient (From full black to transparent black — Bottom to Top)  — Dark Light

By combing these rectangle in a single grid control u will notice that all of the shades of selected color are now available, so what we have to do next is to change Primary color rectangle’s fill dynamically from Primary Color Bar.

Method SetColorFromColorBar in class CtrlColorPicker will show u how to get selected color from Primary color bar while user dragging.

how to build a draggable handle for color shade palette and primary color bar will available in project i don’t want to explain this dragging feature, i know u already know it…

My Project is completely open source u guys can download it .

download projects

Step a head to improve you knowledge set

Microsoft always came up with innovative & collaborative ideas they proved them selves by showing world their progress and growth, they launched windows XP thats got a too much fame over all the globe and recently windows 7 by seeing these remarkable technologies we can predict about possibilities.

Microsoft is now concerned about personal growth of individual, they release a training program for designers and developers now we can enhance &  polish our skills in our fields.

.toolbox is a structured curriculum-based program that features two core learning tracks with materials that increase in difficulty to build individuals’ knowledge and understanding. In Design Scenarios, designers and developers learn to create dynamically-rich Silverlight applications using Expression Studio. In Design Principles, designers and developers learn fundamental UX concepts (e.g., choosing the right colors) along with tips in how to apply them. Badges are earned and accumulated in both tracks upon successful completion of the evaluation found at the end of each level.

explore it now

.toolbox

Deploy WCF service over IIS 7.0

By default IIS 7.0 is not configured for WCF services, we are going to configure IIS 7.0 to run WCF services i will break up the whole procedure in steps.

1. Installing IIS addons
2. Add MIME Type
3. Add Handler Mapping

Installing IIS addons

Go to Control Panel –> Programs –> Turn windows feature on or off . wait for a list to compile here in Microsoft .NET Framework 3.0 section check both “window communication foundation HTTP Activation” and “window communication foundation Non-HTTP Activation” addons further at section Internet Information Services check all the addons under “Web Management Tools” this is to directly publish WCF from Visual Studio, now press ok wait a while for installation to get completed.

IISAddons

Add MIME Type

At IIS control panel  double click on the MIME Types applet. On the Actions menu, click on the Add menu item. A window pops up, enter the following information:

File name extension: .svc
MIME type:  application/octet-stream

Add Handler Mapping

Click again on the Default Web Site node on the left side, then double click on the Handler Mappings applet icon on the right side. On the Actions menu, click on the Add Managed Handler. A window pops up, enter the following information:

Request path: *.svc
Type: System.ServiceModel.Activation.HttpHandler
Name: svc-Integrated

IIS is configured for WCF service now we have to deploy a service.

Now to deploy service Open Visual Studio as Administrator right click on Service project file and click to Publish, Now in newly opened Dialogue Box select Default Application and click the button Create New Web Application name it accordingly and Click Open, if u go through the article properly now Visual Studio should Publish your Service over internet.

PublishDialogue

Note: Make sure windows Firewall have an exception for Secure World Wide Web Service(HTTPS), Windows Communication Foundation and World Wide Web Service(HTTP).

Silverlight 4 (Microsoft Releases Next version)

Silverlight 4 is here guyz, today at PDC microsoft announces to release it’s next version of Silverlight which will also available to download now. Microsoft really works hard they release Sl 3 final and Sl4 beta in same year heads off to microsoft. Silverlight 4 is full of exciting features like webcam, microphone, Printing support etc.. here u will get full list of features supported in Silverlight 4.

Apply Style Dynamically in Silverlight

We are going from a long thread about applying styles dynamically in silverlight finally we have got with a solution which is pretty much simple.

First create a style Object.

Style MyButtonStyle = (Style)this.Resources["StyleKey"];

you can assign this style to objects with in XAML Markp-up as well as created dynamically.

button.style = MyButtonStyle;

Thnx…

Drag Child Popup with it’s Parent Popup.

“First we have to understand the Parent child relation among multiple windows, from where popup will

Opened that window will always act like a parent for that Popup in case if I further open Popup with in a Popup now old Popup is parent for this new Popup, by using Parent child relationship among window I can do a lot of stuff like what we r going to do now is to when I drag “

Here u will get how far is your parent popup from screen in both directions using this script .

var windowTop = document.all ? window.screenTop : window.screenY;

var windowLeft = document.all ? window.screenLeft : window.screenX;

Now from your Parent Popup target Your child , so we have to make a function.

child = window.open(“smaple.aspx”, “Title”,”location=0,status=0,scrollbars=0,width=400,height=500″);

function dragChild() {

var windowTop = document.all ? window.screenTop : window.screenY;

var windowLeft = document.all ? window.screenLeft : window.screenX;

if (childWin != null) {

childWin.moveTo(PlayerLeft + 400 + 10, PlayerTop + 10);

}

}

Here childWin is a refrence to popup that we create above what we are doing above is that we get screenLeft and screenTop of Parent window and assign it to it’s child window with addition of Parent window width(400) and some margins.

Tricky part : “we have to check parent window Position at every moment and assign it to popup” our final code will be;

<script type=”text/javascrpt”>

childWin = window.open(“smaple.aspx”, “Title”,”location=0,status=0,scrollbars=0,width=400,height=500″);

var timer = setInterval(‘dragchild’,1);

function dragChild() {

var windowTop = document.all ? window.screenTop : window.screenY;

var windowLeft = document.all ? window.screenLeft : window.screenX;

if (childWin != null) {

childWin.moveTo(windowLeft + 400 + 10, windowTop + 10);

}

}

</script>

Be happy coding….

Adobe Premier CS4

Hey gies this is the Product which i am going to die for using it, Adobe Premiere CS4 , Adobe Premiere Cs4 comes with very cool new features some of them are un-believable

AdobePremiere userInterface

Seach with in a video , now u can can search ur spoken text/Dialogues with in a video with this cool Application. Thnx to Adobe for their dedication of work and reasearch. According to Adobe ! Speech Search new Turn spoken dialogue into text-based, timecode-accurate, searchable metadata. Jump to a specific area of a shot by searching for keywords within the dialogue, and then use keywords to quickly locate and display what you’re looking for — or even cut video based on the script. more u can find Here

Gift for my blog readres.

This beautyfull wallpaper is specially for my blog readers, i designed it my self tomorrow night for u guys, there is a greeting message in the middle of star. I have a offer for my readers the first five friends comment on this post i will specially put their names on star if they want . keep enjoying life..

greetings,welcome

Invite for Open handed friendship

Hi,
Hello to everyone i just started blogging i really thinking for blogging about several months ago but…., Ok a little intro about me I’m a professional graphics/web designer worked on several projects and now a days for almost past 1year i started working on microsoft’s new technology silverlight(http://create-silverlight.blogspot.com/), pretty much cool experience working on silverlight. i believe in friendship coz of “If you have one true friend, you have more than your share. ~Thomas Fuller~” so plz treat me as ur new firend ..