Solved

Using AJAX DropShadow control - can't set Opacity

Posted on 2013-01-26
6
426 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…

623 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