radAlert issue

[M. R.]

Hello,

I have an Intranet web site that I can access either by specifying the web server name, i.e.

http://rsoesndmadba:8089/Default.aspx

or by specifying the web server IP address, i.e.

http://10.3.76.34:8089/Default.aspx

Both addresses are pointing to the same site. But…please see the difference between Rad alerts in both cases (see attached files showing screenshots):

 

Case 1: using http://10.3.76.34:8089/Default.aspx

The RadAlert displays correctly: ‘Ok’ button and the exclamation sign icon are correctly positioned.

 

Case 2: using http://rsoesndmadba:8089/Default.aspx

The RadAlert has now a different size and displays incorrectly: ‘Ok’ button and the exclamation sign icon are incorrectly positioned and cut-off!

Please advise.
Regards,
M.R.

[Marin Bratanov]

Hello M.R.,

It looks like in both cases the stylesheets are not fully / properly loaded, but in the second it is more visible (the borders in the first screenshot also do not look as they should). This seems to be more closely related to the configuration of the web server, rather than the web application itself, or to custom stylesheets from the site overriding the default rules of the RadControls.

Please, check whether the web-server accepts rsoesndmadba and 10.3.76.34 equally. You can also review any article on setting up redirection in IIS from one location to the other. You can also try removing all custom stylesheets to see if they are causing the interference. If you believe the issue stems from the control and not from the server I believe your best option is to open a support ticket and send us a sample, runnable page that reproduces the issue reliably, so we can investigate it.


All the best,
Marin
the Telerik team

[M. R.]

This is not a matter of redirection, I am just accessing the site using server_name:port or server_IP_address: port
I reproduced the issue for sites hosted on both Windows Server 2003 and Windows XP.

I created a bug report with all details in Issue Tracker as I cannot open a support ticket, is this Ok?

Thanks,
M.R.

[M. R.]

I found out what is causing the problem.
I have the following script that modifies the position of the 'Ok' button on radAlert:

<style type="text/css">
    /*control position of 'Ok' buttom on Rad window */
    .RadWindow .rwPopupButton
  {
   margin: 90px 8px 8px 190px !important;
  }
</style>

If I remove this code everything is normal. Can you please update my bug-report entry in the Issue Tracker submitted on Mar. 6 to include this information?
Is there an alternate way to modify the 'Ok' button position?

Thank you,
M.R.

[Marin Bratanov]

Hi,

Modifying the original CSS is the developer's task. We guarantee proper appearance with our default styles only. When modifying them you should test carefully to avoid such issues. For example - the default width of a RadAlert is 280px, whereas only the margins you provide are 280px, which does not count the borders, does not count the button's width, etc. If you want the button on the right you can simply use the float css property.


Greetings,
Marin
the Telerik team