Questions on UI for ASP.NET AJAX Forum

2 answers

215 views

[Solved] ModalPopup not working correctly with Radgrid

This is the third time ina row I have nto been able to get this working and at this point I need to know why. Bascially all I am trying to do is get the modalpop working so that when someone picks on the edit button on the grid it pops up a panel so that they can edit some information what i get is the modalpop comes up and pushes down my gird instead of bing in middle and the it grays out everything under the grid and. So basically it doe not center itself on the screen or gray it out appropriately. I have tried 3 times before to get modalpopups to work with radgrid with same results.

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />

<asp:panel ID="pnlGrid" runat="server" Width="100%">

<table width="100%">

<tr>

<td style="width:15%" align="left" valign="top">

<asp:Panel ID="pnlAdmins" runat="server" BackColor="#99CCFF" Width="260px" style="z-index:-1;height:auto">

<asp:RoundedCornersExtender ID="pnlAdmins_RoundedCornersExtender" TargetControlID="pnlAdmins" Radius="25" runat="server" Corners="Right"></asp:RoundedCornersExtender>

<table>

<tr>

<td>Pick Categories</td>

</tr>

<tr>

<td style="height:5px"></td>

</tr>

<tr>

<td>

<asp:DropDownList ID="ddlDeployments" runat="server" Width="220" AutoPostBack="true"></asp:DropDownList>

</td>

</tr>

</table>

</asp:Panel>

</td>

<td style="width:85%" align="left" valign="top">

<asp:LinkButton id="lnkAddCat" runat="server">Add Category</asp:LinkButton>

<telerik:RadGrid ID="myRadGrid" runat="server" Width="100%" BorderWidth="1px" CellPadding="6" GridLines="None" BorderColor="#404040" Skin="Web20">

<MasterTableView AutoGenerateColumns="false" DataKeyNames="intCategoryId" HierarchyDefaultExpanded="false" HierarchyLoadMode="ServerBind"

BorderColor="#404040" Font-Size="12" Font-Names="Veranda,arial,sans-serif" HeaderStyle-HorizontalAlign="Center" Name="MasterGrid"

GridLines="Both" BorderWidth="1px" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="~/Images/30.png"

ExpandCollapseColumn-ExpandImageUrl="~/Images/29.png"><ItemStyle HorizontalAlign="Center" />

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

<HeaderStyle ForeColor="White" Font-Bold="true" BorderColor="#404040" BorderWidth="1px" />

<DetailTables>

<telerik:GridTableView Name="myManufacGrid" runat="server" DataKeyNames="intManufacturerId" TableLayout="Fixed" BorderWidth="1px" CellPadding="6" Font-Size="10"

AutoGenerateColumns="False" HeaderStyle-HorizontalAlign="Center" BorderColor="#404040" Font-Names="Veranda,arial,sans-serif" GridLines="Both" ExpandCollapseColumn-ButtonType="ImageButton"

ExpandCollapseColumn-CollapseImageUrl="~/Images/30.png" ExpandCollapseColumn-ExpandImageUrl="~/Images/29.png">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="intCategoryId" MasterKeyField="intCategoryId" />

</ParentTableRelation>

<HeaderStyle Font-Bold="true" HorizontalAlign="Center" CssClass="MostInnerHeaderStyle" />

<ItemStyle CssClass="MostInnerItemStyle" HorizontalAlign="Center" />

<AlternatingItemStyle CssClass="MostInnerAlernatingItemStyle" HorizontalAlign="Center" />

<DetailTables>

<telerik:GridTableView DataKeyNames="intMakeID" Name="myMakeGrid" Width="100%" TableLayout="Fixed" BorderWidth="1px" CellPadding="6" Font-Size="10"

AutoGenerateColumns="False" HeaderStyle-HorizontalAlign="Center" BorderColor="#404040" Font-Names="Veranda,arial,sans-serif" GridLines="Both" ExpandCollapseColumn-ButtonType="ImageButton"

ExpandCollapseColumn-CollapseImageUrl="~/Images/30.png" ExpandCollapseColumn-ExpandImageUrl="~/Images/29.png">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="intManufacturerId" MasterKeyField="intManufacturerId" />

</ParentTableRelation>

<HeaderStyle Font-Bold="true" HorizontalAlign="Center" CssClass="InnerSubHeaderStyle" />

<ItemStyle CssClass="InnerSubItemStyle" HorizontalAlign="Center" />

<AlternatingItemStyle CssClass="InnerSubAlernatingItemStyle" HorizontalAlign="Center" />

<Columns>

<telerik:GridBoundColumn HeaderText="MAKE|MODEL" DataField="strmake" />

<telerik:GridTemplateColumn HeaderText="Edit">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgMakeEdit" CommandArgument='<%# bind("intMakeID") %>' CommandName="MakeEdit" ImageUrl="~/Images/edit_icon.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Archive">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgMakeArchive"

CommandArgument='<%# bind("intMakeID") %>' CommandName="MakeArchive" ImageUrl="~/Images/edit_icon.png" OnClientClick="return confirm('Are you sure you want to archive Category, This will Archive everything Underneath as well.');" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn HeaderText="MANUFACTURERS" DataField="strManufacturer"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="ADD MAKE\MODEL">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgAddPosition" CommandArgument='<%# bind("intManufacturerId") %>' CommandName="AddMake" ImageUrl="~/Images/29.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Edit">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgManEdit" CommandArgument='<%# bind("intManufacturerId") %>' CommandName="ManEdit" ImageUrl="~/Images/edit_icon.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Archive">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgManArchive"

CommandArgument='<%# bind("intManufacturerId") %>' CommandName="ManArchive" ImageUrl="~/Images/edit_icon.png" OnClientClick="return confirm('Are you sure you want to archive Category, This will Archive everything Underneath as well.');" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn HeaderText="Category" DataField="strCategory" />

<telerik:GridTemplateColumn HeaderText="Add Manufacturer">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgAdd" CommandArgument='<%# bind("intCategoryId") %>' CommandName="AddMan" ImageUrl="~/Images/29.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Edit">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgCatEdit" CommandArgument='<%# bind("intCategoryId") %>' CommandName="CatEdit" ImageUrl="~/Images/edit_icon.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Archive">

<ItemTemplate>

<asp:ImageButton runat="server" ID="imgCatArchive"

CommandArgument='<%# bind("intCategoryId") %>' CommandName="CatArchive" ImageUrl="~/Images/edit_icon.png" OnClientClick="return confirm('Are you sure you want to archive Category, This will Archive everything Underneath as well.');" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</asp:panel>

<asp:Panel ID="pnlEdit" runat="server" style="display:none">

<div>

<asp:button ID="btnEdit" runat="server" style="display:none" />

HELLO

</div>

</asp:Panel>

<asp:ModalPopupExtender ID="pnlEdit_MPE" runat="server" PopupControlID="pnlEdit" TargetControlID="btnEdit"></asp:ModalPopupExtender>

</form

>




If (e.CommandName = "CatEdit") Then 
           Dim CatID As Integer = Convert.ToInt32(e.CommandArgument) 
           pnlEdit_MPE.Show() 
       End If

Grid

answered on 21 Mar 2012

6 answers

424 views

[Solved] RadGrid with UserControl Edit Mode

I'm using a custom user control to handle inserting/updating data displayed in my RadGrid. When using the popup edit mode, with modal set to 'true', some of my web controls within the user control do not load properly. For example, I am using AJAX HTMLExtender with asp:textbox. If I load the user control in editforms mode the the control displays normally with the toolbar across the top of the textbox. However, when I load the user control in popup mode with modal set to 'true' textbox doesn't load at all. Also, it appears that javascript within the user control does not fire in popup mode with modal turned on. Can some one explain this disparity? I wish to use the popup mode with modal set to 'true', as it's more intuitive to my user community.

Thanks,
Kevin

Grid

answered on 21 Mar 2012

1 answer

79 views

TreeView on ModalPopup-Vertical scroll required

Hi,
I have a Radtreeview control placed on the modal popup & it is working fine. But there is one requirement that we need to have vertical scrollbar only(horizontal scrollbar is not required.) on this modal popup depending on the data in the nodes.
I am unable to do that.
What I have done is placed the RadtreeView control in a div tag & applied a style overflow tag but it doesn't work.
Help me out.

TreeView

answered on 21 Mar 2012

2 answers

113 views

Vertical Stacked Edit/Cancel in GridEditCommandColumn

When using "InPlace" for EditMode can I get the Edit and Cancel commands to stack vertically vs. horizontally within the GridEditCommandColumn? I've created a custom GridTextColumnEditor that's multi line and need the extra width on the page that the horizontal command buttons eat up.

Grid

answered on 21 Mar 2012

8 answers

294 views

[Solved] Firefox, Chrome won't display fonts in point size

I am using the editor for a customer who wants to design print documents, so I need all font sizing to be specified in points. In the toolsfile.xml I have set up a realfontsizes element with only point values specified:

<realFontSizes>
<item value="6pt"></item>
<item value="7pt"></item>
...
</realFontSizes>

This works fine for setting font sizes, and Internet explorer does a fine job of setting the dropdown value when you return to a span, but Firefox and Chrome always show the dropdown value in pixels, even though the underlying HTML shows the font-size style tag is set properly. This same behavior exists when I look at the RadEditor demo with FF and Chrome. I have a customer requirement to support these browsers.

Any ideas out there?

-Dan

Editor

answered on 21 Mar 2012

4 answers

157 views

Item command default sort functionality passthrough

Please excuse if this is a duplicate, but did not find anything using search.

I have a grid using Grid_ItemCommand like so. If I want the built-in sorting functionality to continue to work, what do I put in the "case sort" :

Protected Sub rgOrderStats_ItemCommand(sender As Object, e As Telerik.Web.UI.GridCommandEventArgs) Handles rgOrderStats.ItemCommand

Select Case e.CommandName

Case "RowClick" 'show detail grid

Dim index As Integer = e.Item.ItemIndex

Dim item As GridDataItem = rgOrderStats.Items(index)

'Get the values from the row using the columnUniqueName

Dim id As String = item("HID").Text

Session("hid") = id

'call detail

'show radwindow with grid

ScriptManager.RegisterStartupScript(Me.Page, Page.GetType(), "popgrid", "openDetail();", True)

Case ("RebindGrid") 'refresh

rgOrderStats.Rebind()

Case "ExportToPdf"

rgOrderStats.MasterTableView.ExportToPdf()

Case "ExportToWord"

rgOrderStats.MasterTableView.ExportToWord()

Case "ExportToXLS"

rgOrderStats.MasterTableView.ExportToExcel()

Case "Sort"

'??

End Select

End Sub

Grid

answered on 21 Mar 2012

4 answers

77 views

ApplyClass Tool - Three Questions

I am just starting to use the ApplyClass tool, and I have three questions.

First, In the documentation, it says that the dropdown will be filtered based on the type of element which is selected. For example, if I select a link element in the content area, the dropdown should include only global styles and styles with selectors starting with "a." However, it also includes styles starting with "img." and all others. The same behavior occurs in the demo. Am I misunderstanding something? (FYI - I am using CssFiles.Add() to attach a single css file to the editor).

Second - in IE, when an image or block element is selected, selection handles appear. When the selected element is positioned under the dropdown, these handles show through, making it hard to read. This does not occur in Firefox. Is it possible to fix this?

Finally, I would like to add a few classes with CssClasses.Add() after using CssFiles.Add(). However, CssClasses.Add() resets the list. It would be nice to have an option to avoid resetting the list, so I can append, rather than replace. In my situation, I can't just add the classes I need to the external css file.

Editor

answered on 21 Mar 2012

3 answers

155 views

XML in a Rad Editor.

Hi...

I am using Rad Editor to show my sitemap to user,where they can edit.I cant use normal text box as of security reasons.

My problem is ,The output the rad editor is all HTML I need Plain text.Is that possible?I mean I need to to avoid / (escape character before a " i.e, /" also \n ) from XML sitemap.

<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<sitemap xmlns=\"http://schemas.microsoft.com/AspNet/SiteMap-File-1.0\">\n<sitemapnode>\n<sitemapnode url=\"~/Default.aspx\" title=\"HomePage\" description=\"Home Page\">\n<sitemapnode url=\"~/Postproperty.aspx\" title=\"Post Property\" description=\"Post Property\"></sitemapnode>\n<sitemapnode url=\"~/PostRequirements.aspx\" title=\"Post Requirement\" description=\"Post Requirement\"></sitemapnode>\n<sitemapnode url=\"~/PropertySearc.aspx\" title=\"Property Search\" description=\"Property Search\"></sitemapnode>\n<sitemapnode url=\"~/NewVentures.aspx\" title=\"New Projects\" description=\"New Projects\"></sitemapnode>\n<sitemapnode url=\"~/NRIservices.aspx\" title=\"Services\" description=\"Service Offers\"></sitemapnode>\n<sitemapnode url=\"~/Contactus.aspx\" title=\"Contact Us\" description=\"Contact Us\"></sitemapnode>\n</sitemapnode>\n</sitemapnode></sitemap>"

This is my sample XML.I just highlighted piece of code.

This is very urgent from me.If possible ,Please let me know ASAP.

Thank you !

Rama.M

Editor

answered on 21 Mar 2012

1 answer

92 views

Problem with dynamically created radDock zone Id

Hi,
        I have created a dockzone dynamically inside a placeholder
    code in cs page :

RadDockZone raddz11 = new RadDockZone();
raddz11.ID = "raddz11";

            raddz11.RegisterWithScriptManager = true;
            raddz11.BackColor = System.Drawing.Color.FloralWhite;
            raddz11.Width = Unit.Pixel(100);
            raddz11.Height = Unit.Pixel(200);
            phdControl.Controls.Add(raddz11);

    When i saving the Dockstate , DockZone ID getting Null. Please help to getting dynamically created RadDockZone Id while saving

Thanks in Advance
Jesmon Joseph

Dock

answered on 21 Mar 2012

1 answer

88 views

Compress scriptresources and webresources

Hello

When i want to compress scriptresources to reduce page size , editor stops working , and please let me know how can i compress webresources??this is really important for me.

Best regards

Editor

answered on 21 Mar 2012