0
<%@ 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?

2
Contributors
2
Replies
7
Views
3 Years
Discussion Span
Last Post by gahhon
1

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">

Edited by JorgeM

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.