Questions on UI for ASP.NET AJAX Forum

0 answers

65 views

How to select a node in radfilexplorer 's treeview section on context menu showing?

Hi,

I have separate context menu for root and sub folders in treeview section in radfileexplorer. The context menu is appearing on focusing on folders.I need to make selection a folder(as active selected folder) when focusing on that to avoid confusion in context menu.How is this possible?.Please reply me with exact code.

Regards,
Praveen.

FileExplorer

asked on 23 Dec 2011

1 answer

146 views

Show Total amount for RadGrid when clicking CheckBox

How to Display total amount as Label when selecting the check-boxes in the Telerik Rad Grid.

For example: I have three columns in the grid (Code, Description, Amount) one more column for Check box in each row. By selecting check box the total amount should display as label dynamically. If selects all then display total amount.

Thank you,

General Discussions

answered on 23 Dec 2011

1 answer

94 views

FileUpload control on radgrid

Hi,

I want fileupload on my radgrid. If I click on button on my page it should loop through the radgrid and fetch the filepath from fileupload for the selected file.

How can I do this?

Any sample code would be appreciated.

Thanks,
Pavan

General Discussions

answered on 23 Dec 2011

1 answer

187 views

Flickering of Telerik RAD Grid with Edit Template

Hi Telerik,
We are facing UI related issue in Radgrid with Edit Template, When we are scrolling down the List box in edit Template is get flickered.
Pleas efind tghe below UI for reference. Please reply ASAP as it is urgent.

<tr>

<td>

<telerik:RadGrid ID="dgrAltDisposition" HeaderStyle-Font-Underline="true" Width="1024px"

AutoGenerateColumns="False" OnNeedDataSource="dgrAltDisposition_NeedDataSource"

AllowFilteringByColumn="false" AllowSorting="false" AllowMultiRowSelection="false"

runat="server" MasterTableView-CommandItemSettings-ShowRefreshButton="true" HeaderStyle-HorizontalAlign="Center"

HeaderStyle-VerticalAlign="Top" ItemStyle-HorizontalAlign="Center" BackColor="#EFF7FF"

Skin="Office2007" ShowGroupPanel="false" GridLines="None" AllowAutomaticInserts="false"

AllowAutomaticUpdates="false" AllowCustomPaging="false" AllowAutomaticDeletes="false"

EnableAJAXLoadingTemplate="true" EnableAJAX="true" OnItemDataBound="dgrAltDisposition_ItemDataBound"

OnDeleteCommand="dgrAltDisposition_DeleteCommand" OnInsertCommand="dgrAltDisposition_InsertCommand"

OnUpdateCommand="dgrAltDisposition_UpdateCommand">

<%

-- <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Office2007">

</HeaderContextMenu>--

%>

</FilterMenu>

<MasterTableView DataKeyNames="CAF_AFF_AIR_ALTER_DISP_ID" CommandItemDisplay="Top"

Name="MTV_AltDisposition" AllowMultiColumnSorting="true" HorizontalAlign="NotSet"

Width="1024px" CommandItemSettings-ShowRefreshButton="false" AutoGenerateColumns="False"

ShowFooter="false" GridLines="Both" GroupLoadMode="Client" TableLayout="Fixed"

ShowHeader="true" InsertItemPageIndexAction="ShowItemOnFirstPage" AlternatingItemStyle-BorderStyle="None">

<span class="clsTableCellCenter"><b>Sorry,there is no matching data available for display.</b></span>

</center>

</NoRecordsTemplate>

<ItemStyle HorizontalAlign="Left" Font-Size="8pt" ForeColor="Black" Font-Names="Arial"

VerticalAlign="Middle" />

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" UniqueName="EditCommandColumn"

HeaderText="" HeaderStyle-HorizontalAlign="Center">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="Alternate_Disposition_ID" HeaderText="Alternate Disposition ID"

DataField="CAF_AFF_AIR_ALTER_DISP_ID" SortExpression="CAF_AFF_AIR_ALTER_DISP_ID"

Visible="false" HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Affected_AirplaneList" HeaderText="Affected on Airplane(s)"

DataField="AFFECTED_AIRPLANELIST" SortExpression="AFFECTED_AIRPLANELIST" Visible="true"

HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="reason_for_alter_dispo" HeaderText="Reason for Alternate Disposition"

DataField="REASON_FOR_ALTER_DISPO_1" SortExpression="REASON_FOR_ALTER_DISPO_1"

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblReason_for_Alternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnReason_for_Alternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'reason_for_alter_dispo')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnReason_for_Alternate_Disposition"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="alter_dispo_1" HeaderText="Alternate Disposition"

DataField="ALTER_DISPO_1" SortExpression="ALTER_DISPO_1" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblAlternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnAlternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'alter_dispo_1')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnAlternate_Disposition"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="" HeaderText="Attachments" DataField="" SortExpression=""

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblAttachments" Text="Attachments" ForeColor="Black"></asp:Label><asp:HyperLink

runat="server" ID="hplAttachments" Text="Attachments" Style="cursor: hand;"></asp:HyperLink><asp:HiddenField

ID="hdnAttachmentCount" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Group_Name" HeaderText="Responsible Group"

DataField="GROUP_NAME" SortExpression="GROUP_NAME" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblResponsible_Group" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "GROUP_NAME"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnResponsible_Group" runat="server" OnClientClick="javascript:fnExpandW(this,'Group_Name')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnResponsible_Group"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "GROUP_NAME")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Created_By" HeaderText="Created By" DataField="CREATED_BY"

SortExpression="CREATED_BY" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblCreated_By" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "CREATED_BY"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnCreated_By" runat="server" OnClientClick="javascript:fnExpandW(this,'Created_By')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnCreated_By"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "CREATED_BY")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" ItemStyle-Font-Size="8pt" Text="Remove"

UniqueName="Remove" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"

CommandName="Delete">

</telerik:GridButtonColumn>

</Columns>

</EditColumn>

<tr>

<td>

</td>

</tr>

<tr>

Reason for Alternate Disposition

</td>

</tr>

<tr>

<telerik:RadEditor ID="rdReasonAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>'

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

AlternateDisposition

</td>

</tr>

<tr>

<telerik:RadEditor ID="rdAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>'

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td>

<table width="100%" id="tblUpload" runat="server" border="0" cellpadding="2" cellspacing="0" style="padding-top:5px;"

align="left">

<tr>

Upload Attachment

</td>

<telerik:RadAsyncUpload ID="RadAsynUploadAttachment" runat="server" MultipleFileSelection="Automatic"

EnableEmbeddedScripts="true" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" Skin="WebBlue"

TemporaryFolder="upload" AllowedFileExtensions=".jpg,.jpeg,.png,.tif">

</telerik:RadAsyncUpload>

<asp:HiddenField ID="hdnAttachmentCountEdit" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

</div>

</td>

Alternate Disposition

<br />

Affected on Airplane(s)

<br />

<span class="subtext">Ctrl Click to Multi Select</span>

</td>

<asp:ListBox runat="server" ID="lbAffAirplaneList" Rows="5"

SelectionMode="Multiple" Visible="true"></asp:ListBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<asp:LinkButton ID="lnkUpdate" runat="server" CommandArgument='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'>

</asp:LinkButton>  

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel"

Text="Cancel"></asp:LinkButton>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView><ValidationSettings CommandsToValidate="PerformInsert,Update" />

<Scrolling AllowScroll="True" FrozenColumnsCount="0" ScrollHeight="180px" UseStaticHeaders="true"

SaveScrollPosition="true" />

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

Grid

answered on 23 Dec 2011

1 answer

133 views

check if RadWindowManager exists

Is there a server-side way to determine if a RadWindowManager (name instance or generic) exists on a page?

Window

answered on 23 Dec 2011

1 answer

71 views

SERVER SIDE COULD READ ALL ROW?

I WANT TO KNOW IF CAN READ ALL ROWS IN THE SERVER SIDE

ITEM[0].CELL.TEXT ?

PLEASE
THANKS

Grid

answered on 23 Dec 2011

6 answers

264 views

RadGrid a Button and AJAX

I have a RadGrid that is read-only. User clicks a "Create" button and it creates a new record to the grid with some default values already in place. I placed a ajaxManager and a ajaxPanel on the page. The manager points to the button as initiating the request and the grid as being updated by the request from the button. The button has "onClick=" to the server-side click event which adds a record for the grid. But this is not being hit first. Instead "NeedDataSource" of the grid then the "_Click" event (which has the rebind in it too), lastly the "PreRender" of the grid. Sadly the grid does not reflect the added record. It does pick up the last one when I click the "Create" again, due to the rebind grabbing the previous addition the the table.

How can I avoid this? Why is the "NeedDataSource" being hit first before the actual button whom requested the call?

Thanks
SDI

Ajax

answered on 23 Dec 2011

1 answer

82 views

Issue with Horizontal Scrolling

I've implemented horizontal scrolling with static headers for my grid. However I noticed that if I scroll to the right most, the columns move by about 20px and misalign with the header. It goes back to normal once I move the scrollbar from the right most position. I don't know the telerik version im using, but I do know its not the latest. Is this an issue with previous version?

Thanks,

Jun

Grid

answered on 22 Dec 2011

1 answer

127 views

Chart bars are overlapping

For the life of me I cant figure out how to get the bars to sit next to each other. Am I missing something? I've attached a screen shot, each date should have a bar of data. Thanks!

<telerik:RadChart ID="chart_EmployeeStats" SkinsOverrideStyles="false" Skin="Telerik" runat="server" Height="360" width="1200" EnableViewState="false" >

<ChartTitle TextBlock-Text = "Total Letters For The Day" TextBlock-Appearance-TextProperties-Color="Black" TextBlock-Visible="false"></ChartTitle>

<PlotArea>

<Appearance Dimensions-Margins="18%, 24%, 35%, 10%">

</Appearance>

<XAxis LayoutMode="Inside" AutoScale="false" >

<Appearance ValueFormat="ShortDate" MajorGridLines-Visible="false" >

<LabelAppearance RotationAngle="90" Position-AlignedPosition="Top">

</LabelAppearance>

</Appearance>

</XAxis>

<YAxis IsZeroBased="false">

</YAxis>

</PlotArea>

</telerik:RadChart>

Chart (Obsolete)

answered on 22 Dec 2011

4 answers

267 views

How to make row selection do postback?

Hi,

Through Telerik's examples I know how to
-Cause Row Editing through a double or single click on a row
-how to enable the highlighting of a row from the client side settings
-how to do client site row selection.
by

    
            <ClientSettings EnableRowHoverStyle="true" >   
        
               <Selecting AllowRowSelect="True" />   
        
            </ClientSettings>

I'll I am interesting in having is the EnableRowHoverStyle="true" and if they click on a row it does a postback to the

ItemCommand event for the grid? Is this possible? If so how is it done? Last, where can I set the CommandName for this to happen? I am not looking for a client event here. I'm looking for a full postback. I will handle the setting for the row being selected and all that in the code behind myself.

Thank you

Grid

answered on 22 Dec 2011