Questions on UI for ASP.NET AJAX Forum

2 answers

183 views

Hi,

I have few design issues in Radgrid.

1. When I am trying to edit the the window is not editing properly. When i click on the edit button first it is showing little bit and then showing completely how to avoid this.(See Image 1)

2. Radgrid is kind of Jumping on opening window or loading..... When i click the editbutton on next page the radgrid header is kind of jumping to the left.... See image2(see Image3 for normal grid)

Can you help me how to fix this issues. Thanks in Advance. Is there any mistake is my HTML??

<div style="width: 100%">

<div style="padding-top: 10px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px;">

<table width="100%">

<tr>

<td style="width: 100%">

<asp:UpdatePanel ID="updependency" runat="server">

<ContentTemplate>

<table width="100%" cellpadding="0" cellspacing="0">

<tr runat="server">

<td valign="top" style="width: 100%; height: 502px" align="left">

<div id="divRec" visible="false" runat="server" style="width: 100%;">

<table width="100%" cellpadding="0" cellspacing="0">

<tr style="background-color: White;">

<td align="left" style="overflow: auto; height: 480px; width: 100%">

<div id="divGrid" runat="server" style="overflow: auto; height: 480px; width: 100%">

<telerik:radgrid id="rgDependency" runat="server" height="476px" gridlines="None"

showgrouppanel="false" showfooter="false" autogeneratecolumns="false" enableembeddedskins="false"

allowpaging="true" pagesize="20" borderstyle="Solid" bordercolor="Black" borderwidth="1px"

backcolor="White" onitemcommand="rgDependency_ItemCommand" onitemdatabound="rgDependency_ItemDataBound"

onneeddatasource="rgDependency_NeedDataSource">

<HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"

HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />

<ItemStyle HorizontalAlign="Center" />

<AlternatingItemStyle BackColor="#F5F5E9" HorizontalAlign="Center" />

<PagerStyle BackColor="#F5F5E9" />

<MasterTableView DataKeyNames="DependencyNumber" GridLines="None">

<Columns>

<telerik:GridBoundColumn HeaderText="Dependency Number" DataField="DependencyNumber"

UniqueName="DependencyNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Dependency Name" DataField="DependencyName"

UniqueName="DependencyName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Dependency Type" DataField="DependencyType"

UniqueName="DependencyType">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Dependency Sites" DataField="DependencySites"

UniqueName="DependencySites">

<ItemTemplate>

<asp:LinkButton ID="lnkDepenSites" Text='<%# Bind("DependencySites") %>' runat="server"

CommandName="Orders" ForeColor="Blue"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Status" DataField="DependencyStatus" UniqueName="DependencyStatus">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Sch Completion Date" DataField="ScheduleCompletionDate"

UniqueName="ScheduleCompletionDate" DataFormatString="{0:MM/dd/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="CM Number" DataField="CMNumber" UniqueName="CMNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Created By" DataField="CreatedBY" UniqueName="CreatedBY">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Created Date" DataField="CreatedDate" UniqueName="CreatedDate"

DataFormatString="{0:MM/dd/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Last Modified By" DataField="LastModifiedBy"

UniqueName="LastModifiedBy">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Last Modified Date" DataField="LastModifiedDate"

UniqueName="LastModifiedDate" DataFormatString="{0:MM/dd/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Next Update Date" DataField="NextUpdateDate"

UniqueName="NextUpdateDate" DataFormatString="{0:MM/dd/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="EditDependency" CommandName="EditDependency"

ImageUrl="~/Images/edit-icon-v5.gif" ButtonType="ImageButton" HeaderStyle-Width="3%"

ItemStyle-Width="3%">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="Associate" CommandName="Associate" ImageUrl="~/Images/Associate.png"

ButtonType="ImageButton" HeaderStyle-Width="3%" ItemStyle-Width="3%">

</telerik:GridButtonColumn>

</Columns>

<NoRecordsTemplate>

No Dependencies found</NoRecordsTemplate>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" ScrollHeight="400px" UseStaticHeaders="true" />

</ClientSettings>

</telerik:radgrid>

</div>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</td>

</tr>

</table>

<asp:UpdateProgress ID="UpdateProgress1" DisplayAfter="1" AssociatedUpdatePanelID="updependency"

runat="server">

<ProgressTemplate>

<iframe frameborder="0" src="about:blank" class="iframestyle"></iframe>

<div class="iframeDiv">

<img src="Images/rotate_large.gif" alt="" />

</div>

<div>

</div>

</ProgressTemplate>

</asp:UpdateProgress>

<telerik:radwindowmanager id="RadWinmanager" runat="server">

<Windows>

<telerik:RadWindow ID="rwAddDepend" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"

ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"

Height="320px" Width="500px">

<ContentTemplate>

//Content Here removed for convenience

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="rwEditDepend" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"

ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"

Height="320px" Width="500px" Title="Add Dependency Mockup">

<ContentTemplate>

//Content Here removed for convenience

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="rwAssociate" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"

ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"

Width="1050px" Height="500px">

<ContentTemplate>

//Content Here removed for convenience

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:radwindowmanager>

</div>

Grid

answered on 30 Jan 2013

2 answers

105 views

Disable changing the range size

I am using a radslider in my web application and I'm wondering if it's possible to disable changing the size of the range.

Any help would be appreciated.

Thanks,
Ben

Slider

answered on 30 Jan 2013

2 answers

75 views

BackWard Compactability from IE8 to IE7 issue

Hi Telerik team,

My project was running successfully in IE8 and IE9, But not in Ie7 because of Compactability issues.By default IE8,9 having Compactabiltiy View option but not in IE7. I am getting alignment problems if i use IE7. Please Let me know how to make work in IE7.

Thanks
Shaik Nazeer Hussain

Grid

answered on 30 Jan 2013

1 answer

208 views

How to add custom font in RadTextEditor

Hi i am Prashant Shinde.
i am a website developer.
one of my client want to add some more font to his RadTextEditor, but i haven't find any option to add custom font in that editor..
i need help for this and looking forward to get some response for my query.
~Thanks

Editor

answered on 30 Jan 2013

1 answer

86 views

Making the grid context menu horizontal scroll

Hi,

We are displaying many coulmns in the grid and we had context menu in the end of grid column because of the many columns we are dispalying the horizontall sccroll if the user wants to use the context menu he has to scroll all the way end of the grid. My question is how to make visible the context menu every time with in the grid visible posotion.

Thanks,
Vinay.

Grid

answered on 30 Jan 2013

1 answer

270 views

trouble with telerik:ConfiguratorPanel

Hi,

I try to use

<telerik:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Title="Configurator" Expanded="true">

But I have the following error.

Unknown server tag 'telerik:ConfiguratorPanel'

What should I install or what am I missing?

Thx

Grid

answered on 30 Jan 2013

2 answers

134 views

Funnel chart type

Hi,

Do you have plans on doing a funnel chart type?
This type is used a lot when making sales funnels!
It is our only reason to stick with MS-chart instead of using Telerik...

Regards
Caesar

Chart (HTML5)

answered on 30 Jan 2013

4 answers

181 views

unable to access controls in programmatically created grid

I have created grid programmatically using ITemplate following your tutorial http://www.telerik.com/help/aspnet-ajax/grid-programmatic-creation.html#Section4
Now, I keep getting message 'Object reference not set to an instance of an object' indicating that there is no such control in that item, when I try to access control within 'MyTemplate : ITemplate' in some method.

For example:

var someString = ((LiteralControl)radGrid1.Items[index].FindControl("SomeControl")).Text;

Grid itself has correct number of items, but no programmatically created controls are there.
Please, help.

Thanks.

Grid

answered on 30 Jan 2013

2 answers

104 views

Paging issue

I am using the grid to display data with paging. As shown in the demo, I am trying to implement both numeric and Next/Previous buttons pager.
http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/paging/defaultcs.aspx

However, I am facing the following issue:

If my datasource has 55 records and the page size is 20 (default). I get 3 pages and clicking on 1, 2 and 3 (page numbers) loads the correct records on the page.

However, if I change the default page size to say 10. I see 6 pages and the data on the first page (10 records) is fine, but as soon as I change the page number (by clicking on the numbers) to go to the next page (say 2), the page size is reset to 20 and I am back to seeing 3 pages.

What am I missing?

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"

EnableViewState="true" AutoGenerateColumns="False" PageSize="20" AllowMultiRowSelection="false"

OnItemDataBound="RadGrid1_ItemDataBound" OnNeedDataSource="RadGrid1_NeedDataSource"

PagerStyle-AlwaysVisible="true">

Grid