Questions on UI for ASP.NET AJAX Forum

2 answers

95 views

Accessing Grid Column Values on server side when grid is bind on client side

 This is my RadGrid which i have bind from json on client side javascript but i want to access this grid values on server side in my code behind file.

<telerik:RadGrid ID="radGridView2" runat="server" AllowSorting="True" OnNeedDataSource="radGridView2_NeedDataSource" Width="800px" GroupPanelPosition="Top" ResolvedRenderMode="Classic" Height="35em" Enabled="False"> <ClientSettings> <Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling> <Selecting AllowRowSelect="True" /> <ClientEvents OnRowSelected="RowSelected" /> </ClientSettings> <SelectedItemStyle BorderStyle="Dashed" BorderWidth="1px"/> <MasterTableView AutoGenerateColumns="False"> <Columns> <telerik:GridBoundColumn DataField="SNO" UniqueName="SNO" HeaderText="SN#"> <HeaderStyle Width="10px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="INITIAL" UniqueName="INITIAL" HeaderText="TYPE"> <HeaderStyle Width="10px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="TITLE" UniqueName="TITLE" HeaderText="ACCOUNT TITLE"> <HeaderStyle Width="80px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="DISC" UniqueName="DISC" HeaderText="DESCRIPTION" Resizable="False"> <HeaderStyle Width="160px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="JOB" UniqueName="JOB" HeaderText="COST CENTER"> <HeaderStyle Width="55px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="dRR" UniqueName="dRR" HeaderText="DEBIT" DataFormatString="{0:N}"> <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="cRR" UniqueName="cRR" HeaderText="CREDIT" DataFormatString="{0:N}"> <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="acno" UniqueName="acno" HeaderText="acno" Visible="false" > <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="job_id" UniqueName="job_id" HeaderText="job_id" Visible="false" > <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="U_INSERT" UniqueName="U_INSERT" HeaderText="U_INSERT" Visible="false" > <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="I_DATE" UniqueName="I_DATE" HeaderText="I_DATE" Visible="false" > <HeaderStyle Width="35px"/> </telerik:GridBoundColumn> </Columns> </MasterTableView> <ClientSettings> <ClientEvents OnCommand="function(){}" /> </ClientSettings> <ItemStyle BorderStyle="Ridge" /> </telerik:RadGrid> 

This is how i am accessing my RadGrid

<p style=" background-color: #fff;"><font color="#000000" face="monospace"> foreach (GridDataItem item in radGridView2.Items) { string idd1 = item["acno"].Text.Trim(); string type = item["INITIAL"].Text.Trim(); string jbid = item["job_id"].Text.Trim(); string disc = item["DISC"].Text.Trim(); string dRR1 = item["dRR"].Text.Trim().Replace(",", ""); string cRR1 = item["cRR"].Text.Trim().Replace(",", ""); string un1 = item["U_INSERT"].Text.Trim();<p style=" background-color: #fff;"><font color="#000000" face="monospace">}

foreach (GridDataItem item in radGridView2.Items)
{
string idd1 = item["acno"].Text.Trim();
string type = item["INITIAL"].Text.Trim();
string jbid = item["job_id"].Text.Trim();
string disc = item["DISC"].Text.Trim();
string dRR1 = item["dRR"].Text.Trim().Replace(",", "");
string cRR1 = item["cRR"].Text.Trim().Replace(",", "");
string un1 = item["U_INSERT"].Text.Trim();

}

But the columns are coming "   " What i am doing wrong here ?

Grid

answered on 12 Oct 2015

0 answers

119 views

Sticky Footer/Header Help

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

290 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

143 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

39 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

66 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

81 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

112 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

91 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