Jan 11, 2021, 3:52 AM
Cannot set imagebutton with proper position respect to the background image
I am new in EXT.NET, I want to create the image button with the background path but tried many times about the imagebutton attributes but still not the expected position (especially on the PostionY), so I used the window and set the imagebutton inside, however, seems there are some spacing between the form inline to the background, so I cannot set the imagebutton on the top of screen, and there are something on the image box, below the code and attached the idea of the images on the roadpath but I cannot make it happen with the current code setting, could you give me some idea how to do, thanks
<%@ Page Title="Inbound Tracker" Language="C#" AutoEventWireup="true" CodeBehind="InboundTracker.aspx.cs" Inherits="eZConnect.InboundTracker" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<script runat="server">
override protected void OnInit(EventArgs e)
{
base.OnInit(e);
}
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
}
}
protected void Button_Click(object sender, DirectEventArgs e)
{
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Inbound Tracker</title>
<style>
body {
background-image: url("/images/shipment_path_blank.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top;
}
.transparent-window,
.transparent-window .x-window-body,
.transparent-window .x-panel-body {
background-color: transparent;
}
.transparent-panel {
background-color: transparent;
}
</style>
</script>
</head>
<body>
<ext:ResourceManager runat="server" Theme="None"/>
<form runat="server">
<ext:Window
ID="TransWindow1"
runat="server"
Cls="transparent-window"
Border="false"
Header="false"
initCenter="false"
PageX="550"
PageY="0"
>
<Items>
<ext:ImageButton
runat="server"
ImageUrl="/images/shipment_small.png"
OverImageUrl="/images/shipment_big.png"
DisabledImageUrl="/images/shipment_small.png"
PressedImageUrl="/images/shipment_big.png"
border="true"
>
<DirectEvents>
<Click OnEvent="Button_Click" />
</DirectEvents>
</ext:ImageButton>
</Items>
</ext:Window>
</form>
</body>
</html>
