Questions on UI for ASP.NET AJAX Forum

0 answers

132 views

http://docs.telerik.com/devtools/aspnet-ajax/controls/pagelayout/how-to/how-to-make-sticky-footer-and-header

In regards to the above link. I want to have to content in the article sections take up 100% of the remaining space. I was able to do this with a radgrid by using javascript to resize the grid which works fine, but i want to do the same thing with a splitter and that is not working. Any help would be great.

PageLayout

asked on 12 Oct 2015

4 answers

324 views

RadToolTip with Controls and RadAjaxManger not working

What am I doing wrong?

1. I want user to hover over label

2. tool tip comes up

3. They pick 2 dates and click OK button

4. Label shows the 2 new dates

What's happening is

1. Can't get button to close the tooltip (I COULD do it in Javascript, 

but then how do I also get it to execute the javascript to update the dates? 

(server side code getting client-sided by the script manager)

2. The update works once ... but then the tool tip will NEVER show again ... 

once I've changed the text of the label - I promise you, it will not show again.

3. Just to test that I wasn't doing something wrong ... 

I wrapped the label in a div (with runat="server" and an ID,) and made thatthe target control for the 

tooltip - then it worked over and over again, but if the label itself is the target, 

it will only work once.

I'm a telerik newbie ... so liklely doing something wrong.

aspx.vb code is followed by aspx code:  



THANKS IN AVANCE!!!

Protected Sub Button1_Click1(sender As Object, e As EventArgs) Handles Button1.Click

Dim f = from.SelectedDate.ToString("MM/dd/yyyy")

Dim t = too.SelectedDate.ToString("MM/dd/yyyy")

lblDates.Text = f & " " & t

End Sub

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="AjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lblDates" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Label ID="lblDates" runat="server" Text="pre text"></asp:Label>

<telerik:RadToolTip runat="server" ID="hello" TargetControlID="lbldates" RenderInPageRoot="True"

HideEvent="FromCode" HideDelay="0" AnimationDuration="0" AutoCloseDelay="0"

ShowDelay="0" RelativeTo="Mouse" Sticky="True" >

from:

<telerik:RadCalendar ID="from" runat="server" EnableMultiSelect="False">

</telerik:RadCalendar>

to:

<telerik:RadCalendar ID="too" runat="server" EnableMultiSelect="False">

</telerik:RadCalendar>

<asp:Button ID="Button1" runat="server" Text="Button" />

</telerik:RadToolTip>

</asp:Content>

ToolTip

answered on 10 Oct 2015

8 answers

161 views

Asp.Net Rad Grid with paging css lost randomly

Hi,

I am facing css problem with rad grid in Asp.Net in production environment having pager(Position="TopAndBottom" Mode="NextPrevNumericAndAdvanced") randomly.

While I am working in Dev environment, it's working good & never had this issue. Even after deployment to production, it was working good for 2 days and suddenly the css for all the rad grids that we used in application was lost(I have used Vista theme). And some how after 10 hours, it was working good as before. I don't have any clue what happened to the gird. This happened twice in 1 month. For now it's working good but I want to find out the root cause for this so I can prevent this issue happening in future.

I have attached screenshots for both working & non working girds pager. I can't post screenshots with Headers due to rules. :)

Please Help.

Thanks,
Vinay

General Discussions

answered on 09 Oct 2015

0 answers

49 views

Control on Advanced Insert dialog does not show in Internet Explorer 10

Hi,

We have a custom drop down box in the AdvancedInsert dialog that lists the services someone can select from. It works in Chrome, Firefox and IE 11 on Windows 8. But it does not show up in Internet Explorer 10 or 11 on Windows 7. Only the first line of text from the combo box shows up and no down arrow that indicates that it is a combo box.

                 RadComboBox appointmentType = new RadComboBox();

                    appointmentType.Items.Add(new RadComboBoxItem("1. Existing Client: (15 min)"));
                    appointmentType.Items[1].Value = "15";
                    appointmentType.Items.Add(new RadComboBoxItem("3. New Client: (60 min)"));
                    appointmentType.Items[3].Value = "60";

                subject.Parent.Controls.Add(appointmentType);

                appointmentType.Label = "Service ";
                appointmentType.Width = Unit.Percentage(90);
                appointmentType.Style.Add("position", "absolute");
                appointmentType.Style.Add("top", "40px");
                appointmentType.Style.Add("left", "30px");
                //appointmentType.Style.Add("z-index", "0");

Could you please help us resolve this?

thanks

Scheduler

asked on 09 Oct 2015

1 answer

81 views

RAD Menu 2011

Hi,

On a SharePoint 2007 site, we’re using the RAD Menu - UI for ASP.NET AJAX Q3 2011 SP1 (version 2011.3.1305).

The issue that we are experiencing is that a third level popup menu overlaps the second level. See attached file.

This happens with all modern browsers. Could you please advise a solution or is there a later release suitable for SharePoint 2007?

Cheers,

Ray

Menu

answered on 09 Oct 2015

1 answer

95 views

Tooltip size issue

I am using RadTooltip with RadImagegallery and Radgrid in it. Its working fine on my screen. but on smaller screen it goes out of screen size! I have added 2 images below One showing complete tooltip with close option and other is going out of screen.

<telerik:RadToolTip ID="radtooltipshowbom" ContentScrolling="Auto" RenderInPageRoot="false" runat="server" Modal="true" HideEvent="ManualClose"

Style="z-index: 6990" Position="Center" Animation="Slide" AnimationDuration="700" BackColor="White" Width="1510px" Height="670px">

<asp:Panel ID="Panel3" runat="server" BackColor="White" Height="670px" Width="1510px">

<table>

<tr>

<td align="center">

<asp:Label ID="lblfdid" runat="server" CssClass="label" ForeColor="#990000" Text=""></asp:Label>

<hr style="width: 1505px" />

</td>

</tr>

</table>

<table>

ToolTip

answered on 09 Oct 2015

3 answers

131 views

Combobox loses it's styling

Hi,

I have a scenario where the combobox inside a update panel which resides inside a usercontrol loses it's styling on second display of the same usercontrol. I have created a project that reproduces the issue very easily. Doesn't appear to be browser specific as I have tried IE and Chrome.

I've taken my large project and scaled it down so it's easier to work with (sorry for the extra code):

Source Code

ComboBox

answered on 09 Oct 2015

1 answer

118 views

Hide Dots at bottom in ImageSlider Mode

I am using ImageGallery to show a rotating set of images without any thumbnails or controls. This is working fine except I can't figure out how to get rid of the little buttons at the bottom that indicate the position in the rotation. What setting turns these off? Here is what I have so far:

<telerik:RadImageGallery ID="RadImageGallery1" runat="server" ImagesFolderPath="images/show" LoopItems="True" BackColor="White" AllowPaging="false" >

<ThumbnailsAreaSettings ShowScrollButtons="False" Mode="ImageSlider" ShowScrollbar="false"></ThumbnailsAreaSettings>

<ImageAreaSettings Width="318px" Height="170px" ShowDescriptionBox="False" ShowNextPrevImageButtons="False" NavigationMode="Zone"></ImageAreaSettings>

<ToolbarSettings Position="None" ShowItemsCounter="False" ShowSlideshowButton="False" ShowFullScreenButton="False" ShowThumbnailsToggleButton="False"></ToolbarSettings>

<ClientSettings>

<AnimationSettings SlideshowSlideDuration="5000">

<NextImagesAnimation Type="Fade" Speed="2700"></NextImagesAnimation>

<PrevImagesAnimation Type="Fade" Speed="2700"></PrevImagesAnimation>

</AnimationSettings>

</ClientSettings>

<PagerStyle ShowPagerText="False" ></PagerStyle>

</telerik:RadImageGallery>

Thanks for your help.

Charles

ImageGallery

answered on 09 Oct 2015

5 answers

153 views

Radcombobox issue in IE 11

Hello,

AUT with Radcombobox controls on IE8 and QTP/UFT = works well.

AUT with Radcombobox controls on IE9 and QTP/UFT = works well.

AUT with Radcombobox controls on IE11 and QTP/UFT = objects are recognized but values are showing empty or blank.

Any suggestion on how to fix this issue?

Thanks.

Gilbert

General Discussions

answered on 09 Oct 2015

4 answers

1.6K+ views

Set Column Width of RadGrid Items

I am writing to ask how best column width can be set RadGrid Columns - either in C#, or .aspx;

Thanks in advance for any insight - best regards;

<telerik:RadGrid ID="RadGrid2" runat="server" AllowPaging="True" OnNeedDataSource="RadGrid2_NeedDataSource" AllowSorting="true" AllowFilteringByColumn="true" >

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AllowMultiColumnSorting="True">

</MasterTableView>

</telerik:RadGrid>

public DataTable GetDataTable(string query)

{

String ConnString = "";

//ConnString = ConfigurationManager.ConnectionStrings["CapacityManagement"].ConnectionString;

ConnString = ConfigurationManager.ConnectionStrings[2].ConnectionString;

SqlConnection conn = new SqlConnection(ConnString);

SqlDataAdapter adapter = new SqlDataAdapter();

adapter.SelectCommand = new SqlCommand(query, conn);

DataTable myDataTable = new DataTable();

conn.Open();

try

{

adapter.Fill(myDataTable);

}

finally

{

conn.Close();

}

return myDataTable;

}

protected void RadGrid2_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

(source as RadGrid).DataSource = GetDataTable(

"SELECT Date, Location, EquipmentType, InstalledPorts, UsedPorts, ReservedPorts, AvailablePorts, Utilization, ThreeMonthUtil, TwelveMonthUtil From tblSAMPortsLocationSummary"

);

}

Grid

answered on 09 Oct 2015