<%@ Page Title="" Language="C#" MasterPageFile="~/Member/Member.Master" AutoEventWireup="true" CodeBehind="Budget.aspx.cs" Inherits="MSJ_Bank_Financial.Member.Budget" %>
<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<%@ MasterType VirtualPath="~/Member/Member.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPHInformation" runat="server">
    <div id="Chart" style="width: 600px">
        <asp:Chart ID="pcBudget" runat="server" BackColor="Transparent" Height="600px" Width="600px">  
            <Titles>
                <asp:Title BackColor="Transparent" Text="Daily Budget" Alignment="MiddleCenter" Font="Estrangelo Edessa, 30pt"/>
            </Titles>
            <Series>
                <asp:Series Name="Series1" ChartType="Pie" Font="Cambria, 12pt">
                    <EmptyPointStyle IsValueShownAsLabel="false" IsVisibleInLegend="false" />
                </asp:Series>       
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BackColor="Transparent" Area3DStyle-Enable3D="true" />
            </ChartAreas>
            <Legends>
                <asp:Legend Name="Legend1" BackColor="Transparent" Alignment="Center" TableStyle="Wide" Docking="Bottom" Font="Cambria, 12pt" />
            </Legends>
        </asp:Chart>
        <br />
        <asp:Label runat="server" Text="Daily Budget Amount: " />
        <asp:Label ID="lblBudget" runat="server" />
        <br />
        <asp:Label runat="server" Text="Remaining Amount: " />
        <asp:Label ID="lblRemaining" runat="server" />
    </div>
    <div>
        <asp:Button ID="btnAdD" Text="HAHA" runat="server" />
    </div>
</asp:Content>

25bcf2edcc9bd8616102a63ac68fb7f9

how can i move the button to the right side of the chart?

It depends on where you want the button and how you want the elements to interact with each other regarding positioning and flow. You could use float, change display properties (block, inline, etc...), use absolute/relative positioning, etc..

Here is one example on how to position the button on the right side of the chart.

On line 6, have the div float left.

<div id="Chart" style="width: 600px;float:left">

It's Working. Thanks a lot

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.