[Solved] ImageButton in FireFox says "Submit Query" instead of rendering the button on initial load

[IQworks]

  Hi ,
    I am have tried both of these .....

<telerik:GridButtonColumn CommandName="Edit" ButtonType="ImageButton"
                               ImageUrl="../../iqimages/iqimage$/Edit2.gif"
                                HeaderStyle-Width="20px" Resizable="false" UniqueName="iqEditColumn" ItemStyle-HorizontalAlign="Center">
                                <ItemStyle HorizontalAlign="Center" />
                            </telerik:GridButtonColumn>
                          <%--   <telerik:GridEditCommandColumn HeaderStyle-Width="20px" ButtonType="ImageButton"
                                UniqueName="iqEditColumn"
                                Resizable="false" EditImageUrl="../../iqimages/iqimage$/Edit2.gif">
                            </telerik:GridEditCommandColumn> --%>

    and in IE the program loads with the images just fine. But in FF the screen initially loads with this button saying "Submit Query". I saw an old post where vlad suggested it might be because the image cannot be found. However, the image is found here and displays in fire fox as soon as the screen is fully loaded. 
Vlads response:
http://www.telerik.com/community/forums/aspnet/grid/problem-with-imagebutton-type-in-firefox.aspx
    Here is an interesting google on this issue :
http://blogs.sun.com/tor/entry/submit_query_what_query 
    I just cannot figure out the "value of the button" they are talking about.  
 thanks for your help

[Georgi Krustev]

Hello IQworks,

Could you try to set the virtual path to the image (~/PathToTheImage) instead of current approach?

Sincerely yours,
Georgi Krustev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[IQworks]

 Hi, 
   This is what I originally have

ImageUrl

 

="../../iqimages/iqimage$/Edit2.gif" 
   And it sees my image. 
  Tried the following .... 

 

 

ImageUrl="~../../iqimages/iqimage$/Edit2.gif" doesnt work

 

 

ImageUrl="~/../iqimages/iqimage$/Edit2.gif" doesnt work

 

ImageUrl

 

="~/iqimages/iqimage$/Edit2.gif" doent work
 I am not understanding what you suggest perhaps ?

 

 

[Princy]

Hi,

Using the tilde(~) sign must work for any server control with the runat attribute. GridButtonColumn with ButtonType property set to ImageButton displays an ImageButton which is a server control. Hence the tilde property must be working with GridButtonColumn. Can you check the ViewSource and see whether the src path is the correct one.

Thanks
Princy.

[IQworks]

Hi Princy,
    Yep, you are correct. I just had to make the statement like this .... 

ImageUrl

 

="~/mybodyscience/iqimages/iqimage$/Edit2.gif"

 

   NOT of any of these .......
ImageUrl="~../../iqimages/iqimage$/Edit2.gif" 
ImageUrl="~/../iqimages/iqimage$/Edit2.gif" 
ImageUrl="~/iqimages/iqimage$/Edit2.gif"  

    It now shows up correctly in FF.   I have heard however that using the "~" is not advised on a production server ? 

   Thanks for helping me find the fix.
   
   

[Princy]

Hi,

From my understanding '~' sign is normally used when your application is nested inside any sub folders. When you put the 'mybodyscience' application in the Production server and if it is not nested inside any sub folders you can simply use '/' instead of '~' .

eg: ImageUrl="/iqimages/iqimage$/Edit2.gif"

Regards
Princy.

[IQworks]

Thanks again Princy.

[IQworks]

Hi Princy,
   Just to let you know, the change to the tilde really minimized the frequency of the "Submit Query" occurance in FF, but it still happens.
   The thing is that it happens so intermittently that I cannot catch a pattern to share with you. It happens so infrequently that I can live with it. So, I just wanted to let you know. Again, here is the code I am using now ....

 <telerik:GridButtonColumn CommandName="Edit" ButtonType="ImageButton"
                               ImageUrl="~/mybodyscience/iqimages/iqimage$/Edit2.gif"
                                HeaderStyle-Width="25px" Resizable="false" UniqueName="iqEditColumn" ItemStyle-HorizontalAlign="Center">
                                <ItemStyle HorizontalAlign="Center" />
                            </telerik:GridButtonColumn>

But again, your answer helped me , thanks