We had a custom gradient image we were using on our previous version of tabs, but now that we are trying to use the tabcontrol in ajax, is there any way to apply that background image to the tab panels?
View 7 Replies
If I have Small Background Image than panel size and I don't want it to be repeated ... i want it to fill (stretch) on Its PanelAnd I don't want to put a image control between panel tags like this :
[Code]....
Cause when i do this any Other Control I put after Image it appear also after image control not above it ... so I think i want to declare it as Image Background ... but how to make it stretch
I am trying to set background image of panel in following way
But as code shows i need to show the image each time in server..how can i set bmp as background image directly..as it might create problem when deployed on server
Dim bmp As New Bitmap(1500, 2500)
Dim g As Graphics = System.Drawing.Graphics.FromImage(bmp)
Dim img_converter As New ImageConverter()
Dim bytes As Byte() = DirectCast(img_converter.ConvertTo(bmp, GetType(Byte())), Byte())
File.WriteAllBytes(Server.MapPath("~/Images/OT1.jpeg"), bytes)
pnl001.BackColor = Color.White
pnl001.BackImageUrl = "~/Images/OT1.jpeg"
pnl001.Attributes.Add("style", "background-repeat:no-repeat")
I am using a panel whose background image is set. Though I dont want the background image to get tiled but it should stretch inside the panel. How much ever small the image is, it should get stretched and fit to panel according to the size of panel.How do I get this functionality??Please note that there is a specific reason that I want to stretch the panel background image and I cannot use any <img> tag.
View 1 RepliesI have taken background-image of a Table and Panel, that image's corner is rectangula. How can i make its corners Rounded ?I searched some online resources, images were made rounded, how to make make background-image rounded on the fly ?
View 7 RepliesI have a tabcontainer with three tabpanel. The first tab is always enabled, while the other two get enabled and disabled in the code-behind depending on some conditions.I would like to customize the header style of the second and third tab such that: - If the tabs are disabled, the header (title of the tab) font color should be gray - If the tabs are disabled, the header (title of the tab) font color should be blue. Currently, I have the following in my style sheet: `a.ajax__tab_tab{ color: blue; }`but this always sets the tab title font color to blue, regardless of whether the tab is enabled or disabled. This piece of code shows the conditions to enable or disable the tabs. Can I control for style here as well?
protected void HorizonTextBox_TextChanged(object sender, EventArgs e)
{
if (HorizonTextBox.Text != "")
{
TabPanel2.Enabled = true;
TabPanel3.Enabled = true;
WholeUpdatePanel.Update();
[Code] .....
I am defining custom css styles for tabcontainer and accordion. Somehow I am not able to set the background image.. I mean the background image does not show up at all. Everything else works fine... fonts, background colors, padding etc.. but the background image won't show.For example, in the css file I have:
[Code]....
And in the .apsx:
[Code]....
I am using Ajax to update my UpdatePanel every 1 second and it is working perfectly with my gridview. However, when I placed a image into the UpdatePanel, which it supposed be changing and updated every 1 second, it does not update but the gridview does. Gridview is getting active changing data from the database without any problem. The image which I want to see the updating is the StreamImage.jpg. StreamImage.jpg is inside my local directory. It only updates when I hit the refresh button.
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
I want to make a textbox with a specific style, within this style a set of images as background parts, how can i attach these images to the custom control as whenever i take the .dll file and add it to the toolbar the images do not appear. So i tried to make them as resource files and their property as embedded in .resx file, so how to make the css style background image url to be linked to any of those image.
View 1 RepliesI have a page that have
[Code]....
[Code]....
And The ImageViewer Page Have
[Code]....
when i click the button for the first time it worked and the debugger go to the load of the Image Viewer page ,and when
i click the button again, it does not go to the image viewer page load at all (some kind of cache),of course if i remove the update
panel it will work perfectly, but i need it with update panel , the above code is a smplified test version of what i trying to do,
i need to read binary image with update panel(orginally i dont have a physical image, only binary)
How to display image in the middle of fade panel
[Code]....
I've got a working update panel which works fine when updating a label control, but I can't get it to work with an updated image (initial image loads fine - the problem is with the update). I think the problem maybe that the image name and location don't change, only the physical file. In other words, I've loaded the page, then updated the image (same name and location), but the image does not update with the label? Here's my code:
[Code]....
And the code behind:
[Code]....
when i m going to store img in db and using fileupload control it's not possible to store , but if i remove update panel and scr... manager i can. need soluation. i m storing img as image in db as filebyte
View 2 RepliesI have page
Page contains an accordion control and tab container controls
I'm having a problem where users with a slow connection aren't getting my image feed properly.i'm sending them new images every second to a picturebox inside an Ajax Update panel, using an Ajax Timer.so if their connection is really slow, one image doesnt load fully before the next one comes in, so they never get the whole picture...And for people with a faster connection, I would like to increase the update rate, and currently I see no way of dynamically setting the update rate.
View 1 RepliesMy combobox and asp:fileupload and imagepreview all are inside update panel , my combobox is doing postback after which my image disappears.... how to retain back image after postback ?
In [URL] .... if I remove input:file and put asp:file then it will be possible ... here's all code:
using System;
using System.Drawing;
using System.IO;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Default3 : Page
[Code] ....
I have 4 Image buttons on my user control and on the click of that Image button, I am opening new pop up window. I had used update panel but still it is refreshing the page. I don't want to refresh my page on the click.
<asp:UpdatePanel ID="SharePanel" runat="server">
<ContentTemplate>
<div class="full">
<h3>Share :
<asp:ImageButton ID="imgFB" runat="server"
ImageUrl="http://localhost:49524/mysite/Images/facebook_ico-1.gif"
[CODE]....
I have an update panel with a set of 2 radio buttons, a label and an image button inside of it. There another set of 3 radio buttons that trigger the update panel. I got everything working but now the image button, label and set of 2 radio buttons inside the update panel show up twice when the radio button triggers are selected?
View 2 RepliesHow to display wait image when data is being populate into one drop down based on selection of another dropdown inside update panel....
View 1 RepliesI tried this link to generate verification Image [URL] ..... It works fine.
But I'd like to put a button in page for regenerating captcha for example. When the image was unreadable for user.
So I put an updatepanel in page and this is my code:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<tr> <td colspan="2">
<asp:Image ID="imCaptcha" ImageUrl="~/Captcha.ashx" runat="server" />
[Code] .....
Although the image changes but the whole page is refreshed. Whether this is due to incompatibilities httphandler and updatepanel?
I have a website using Telerik controls for ASP.NET. When an AJAX request starts, the Loading Panel (defined in the master page) will display, with a loading image, text, and faded white background color. It works totally fine in Firefox and Chrome, but the background image and text don't display in IE8. All that displays is the white background.LoadingPanel code: Loading ideas why IE8 isn't displaying the images? I've inspected the page source, and they're there in the CSS.
View 3 RepliesI have a panel and a background image. to stretch this image in the panel if the height is adjusting. I have tried to google this but have trouble find a solution for this.The image has the size: (647 X 158).
The only thing that will change is the height of the panel. Now it does repeat by default. no - repeat will probably only make the image its orignal size wich is not stretching it out over the whole panel.Otherwise I am thinking of change the size of the image itself in C#. [Code]....
Using VB, VS2010, I have a large image in a panel and want to be able to pop-up panels while hovering over it. This one large image is a picture of a lot of components that I woulld like to treat individually when I hover them. I have done this before by placing a transparent button in another panel that is absoultely positioned over the larger one. I have the button transparent with a border that shows up using hover in css. Everything works fine expcept that the panel does not show itself in the right place when viewiing in the browser window. It shows fine in design view, but shifts over while browsing in the browser. I have tried making all panels absolutely positioned. Still a problem. Is there a better way to put a panel over a panel?
View 1 RepliesI am converting classic asp page to .net, the classic page had an image as the background, the image itself was only about 3 in long but would cover the whole length of the <td> when the browser was resized. How do i do that now ? Below is the orig html
<td width="62%" align="left" valign="top" background= "images/header2.jpg" height="58"></td>
I added a background image as the code below, it works:
<asp:Panel ID="Panel1" runat="server" BackImageUrl="~/images/divpanel.gif" class="divpanel">
Once I moved code to CSS file as below, background image did not work.
.divpanel
{
position:absolute;
z-index:10;
width:670px;
height:370px;
background-image:url(./images/divpanel.gif);
}
How to fix it?
