Solved

Using AJAX DropShadow control - can't set Opacity

Posted on 2013-01-26
6
421 Views
Last Modified: 2013-01-31
Just updated to the latest AJAX Toolkit and now no matter what I set the Opacity figure at (0.1 to 1), it is like the default setting is 1 and cannot be changed.  The shadow is simply black.  I need it to be Opacity of .25.  

I updated from a 2010 toolkit version, to the Jan 2013 toolkit.

The issue exists for all my projects, and exists in Firefox, Chrome and IE.

Is this a bug?


<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>

    <asp:Panel ID="Panel1" runat="server" BackColor="Orange" ForeColor="White">
    Testing 123
    </asp:Panel>

    <asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1" Rounded="true" Opacity=".1">
    </asp:DropShadowExtender>
    
    
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
</asp:Content>

Open in new window

0
Comment
Question by:badzster
  • 4
  • 2
6 Comments
 

Author Comment

by:badzster
ID: 38821917
Here is a screenshot of the DropShadow
Untitled.png
0
 

Author Comment

by:badzster
ID: 38823308
Using Visual Studio 2010 - SP1 if that helps
0
 
LVL 23

Assisted Solution

by:Roopesh Reddy
Roopesh Reddy earned 500 total points
ID: 38823510
Hi,

You need to use AjaxToolKitScriptManager instead of ScriptManager!

Check the sample code -

 <asp:Panel ID="Panel1" runat="server" BackColor="Orange" ForeColor="White">
        Testing 123
    </asp:Panel>

<asp:ToolkitScriptManager runat="server">
</asp:ToolkitScriptManager>

<asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1" Rounded="true" Opacity=".25">
</asp:DropShadowExtender>

Open in new window


Shadow
Moreover, installing AjaxConrolToolKit from Nuget is easy and safe - http://roopeshreddy.wordpress.com/2012/10/07/installingconfiguring-ajaxcontroltoolkit-through-nuget/

Hope it helps u...
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 

Accepted Solution

by:
badzster earned 0 total points
ID: 38823542
Spot on!  Thanks very much...that helped a great deal.  

In the example I did use ScriptManager instead of the asp:ToolkitScriptManager...but even changing to asp:ToolkitScriptManager didn't change the shadow.  However I used the code sample you attached and it did work...turns out that the shadow will cast normally (be opaque) if you specify the opacity as .25, .5, .75, 1

If you specify .1, .2, .7 etc, then the shadow appears as it would if you entered 1.  

Your answer helped me discover this.  Thankyou.
0
 
LVL 23

Expert Comment

by:Roopesh Reddy
ID: 38823557
Hi,

Glad it helped you. So please mark it as answer then!
0
 

Author Closing Comment

by:badzster
ID: 38838909
Explanation
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
This demonstration started out as a follow up to some recently posted questions on the subject of logging in: http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28634665.html and http://www.experts-exchange.com/Programming/…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now