Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
129 views
I need a check box column in my RadGrid. When should I use a GridCheckBoxColumn  and when should I use a GridTemplateColumn?
Currently I am using a GridCheckBoxColumn but unable to click and select a check box!
Princy
Top achievements
Rank 2
 answered on 20 May 2014
1 answer
87 views
Hi.
how can i disable the sortcolour on sorting column. 
Princy
Top achievements
Rank 2
 answered on 20 May 2014
4 answers
266 views
I have a fairly complicated scenario that I can't seem to sort out.  

We are using a RadEditor control to allow users to enter Text Ads in a fixed DIV area.  To do this we are setting up the Content area of the RadEditor something like this:

<Content>
    <div id="textContainer" contenteditable="false" unselectable="on">
        <div id="paddingContainer" contenteditable="false" unselectable="on">
            <div id="classifiedArea" contenteditable="true" unselectable="off">
 
    </div></div></div>
</Content>

In the code behind we set the allowed dimensions of the Div's.

When a User enters text, it looks something like this:

<div id="textContainer" contenteditable="false" unselectable="on">
     <div id="paddingContainer" contenteditable="false" unselectable="on">
          <div id="classifiedArea" contenteditable="true" unselectable="off" style="width: 172.8px; font-family: HELVETICA; font-size: 14px; line-height: 22px; min-height: 22px;">
Line 1<br>Line 2<br>Etc
</div></div></div><!-- End -->

Then the user selects say the first Line and uses the Center Justify tool on the tool bar.

Problem - this justifies all of the lines!

Playing around, I found that if we change the NewLineMode to "P" or "Div" - then the Center Justify works as desired, but introduces a new problem.  It closes the contentEditable <div> tag, then replicates it for the new Div or P tag.  

Example:

<div id="textContainer" contenteditable="false" unselectable="on">
     <div id="paddingContainer" contenteditable="false" unselectable="on">
     <div id="classifiedArea" contenteditable="true" unselectable="off" style="width: 172.8px; font-family: HELVETICA; font-size: 14px; line-height: 22px; min-height: 22px;">Line 1
</div>
<p id="classifiedArea" contenteditable="true" unselectable="off" style="width: 172.8px; font-family: HELVETICA; font-size: 14px; line-height: 22px; min-height: 22px;">Line 2</p>
<p id="classifiedArea" contenteditable="true" unselectable="off" style="width: 172.8px; font-family: HELVETICA; font-size: 14px; line-height: 22px; min-height: 22px;">Line 3</p>
</div></div>

This breaks things.

What I am trying to get it to do is insert <p> or <div> tags inside the editable <div> - without hijacking it.

I tried adding a fourth nested <div>, but no luck.  

Any help would be great.

Dan

Dan
Top achievements
Rank 1
 answered on 19 May 2014
6 answers
583 views
From reading this forum it looks like the code below should allow me to use a physical path for the RadFileExplorer but instead I get this error message:  'C:/Test2' is a physical path, but a virtual path was expected.

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        string[] viewPaths = new string[] { @"C:\Test2", @"\\CHRISTIAN_KING2\Test1" };
 
        RadFileExplorer1.Configuration.ViewPaths = viewPaths;
    }
 
}
Mark
Top achievements
Rank 1
 answered on 19 May 2014
2 answers
292 views
Hi,

I'm having some challenges hiding/showing a RadTextBox.
The set_visible client side method does not seem to work, so I'm using the following:
  document.getElementById('<%= txtURL.ClientID %>').style.display = 'block';

This makes the box visible, but as soon as I move the mouse over the field, it disappears!
Also, once the box is visible if I check another radio button like File, and then come back and check Link, the box does not reappear.
It seems that it only shows the first time I check the Link button.
Happening in IE, FF and Chrome.

Here's my complete scenario (see attached screenshot).
I have 3 radio buttons all of which have an OnClientCheckedChanged event defined.
These event handlers hide/show relevant controls.
I check the None radio button and hide all of the related labels/controls in the Page_Load event (code behind).

Here's the relevant code snippets.

Code Behind:
protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            lblURL.Style.Add("display", "none");
            txtURL.Style.Add("display", "none");
            lblUpload.Style.Add("display", "none");
            uplAttachment.Style.Add("display", "none");
            lblFileName.Style.Add("display", "none");
            lblFileNameValue.Style.Add("display", "none");
 
            optAttachment.Checked = false;
            optURL.Checked = false;
            optNone.Checked = true;
 
            taskID = Request.QueryString["taskID"].ToString();
            txtTaskID.Text = taskID;
        }
    }

RadTextBox declaration:
<tr>
                        <td class="templateLabel">
                            <asp:Label ID="lblURL" ToolTip="Specify a link (must start with http:// or https://)"
                                runat="server" Text="Link:"></asp:Label>
                            <asp:Label ID="lblFileName" ToolTip="File Name of last upload"
                                runat="server" Text="File Name:"></asp:Label>
                        </td>
                        <td class="templateValue">
                            <telerik:RadTextBox ID="txtURL" MaxLength="300" runat="server" EmptyMessage="Specify a link (must start with http:// or https://)"
                                Width="450px"
                                Enabled='<%# (Boolean)Session["EditProcess"] %>'>
                            </telerik:RadTextBox>
                            <asp:Label ID="lblFileNameValue" Text="File Name goes here" ToolTip="File Name of last upload"
                                runat="server"></asp:Label>
                        </td>
                    </tr>

Radio Buttons:
<tr>
    <td class="templateLabel">
         <asp:Label ID="lblAttachmentType" runat="server" Text="Reference:"></asp:Label>
    </td>
    <td class="templateValue">
        <telerik:RadButton runat="server" AutoPostBack="False" Enabled='<%# (Boolean)Session["EditProcess"] %>' ID="optAttachment" ButtonType="ToggleButton" ToggleType="Radio" GroupName="urlOrAtt" Text="File" Value="attachment" OnClientCheckedChanged="optAttachment_CheckedChanged"></telerik:RadButton>
        <telerik:RadButton runat="server" AutoPostBack="False" Enabled='<%# (Boolean)Session["EditProcess"] %>' ID="optURL" ButtonType="ToggleButton" ToggleType="Radio" GroupName="urlOrAtt" Text="Link" Value="url" OnClientCheckedChanged="optUrL_CheckedChanged"></telerik:RadButton>
        <telerik:RadButton runat="server" AutoPostBack="False" Enabled='<%# (Boolean)Session["EditProcess"] %>' ID="optNone" ButtonType="ToggleButton" ToggleType="Radio" GroupName="urlOrAtt" Text="None" Value="none" OnClientCheckedChanged="optNone_CheckedChanged"></telerik:RadButton>
    </td>
</tr>

OnClientCheckedChanged Handlers:
function optUrL_CheckedChanged(sender, eventArgs) {
            if (!g_rowSelected) {
                if (sender.get_checked()) {
                    alert('Link selected');
                    //var txtURL = $find("<%=txtURL.ClientID%>");
                    //txtURL.clear();
                    //txtURL.set_visible(true);
                    document.getElementById('<%= txtURL.ClientID %>').style.display = 'block';
                    document.getElementById('<%= lblURL.ClientID %>').style.display = 'block';
                    $find("<%=uplAttachment.ClientID%>").set_visible(false);
                    document.getElementById('<%= lblUpload.ClientID %>').style.display = 'none';
                    document.getElementById('<%= lblFileName.ClientID %>').style.display = 'none';
                    document.getElementById('<%= lblFileNameValue.ClientID %>').style.display = 'none';
                }
                EnableSave();
            }
        }
 
        function optAttachment_CheckedChanged(sender, eventArgs) {
            if (!g_rowSelected) {
                if (sender.get_checked()) {
                    alert('File selected');
                    var txtURL = $find("<%=txtURL.ClientID%>");
                    txtURL.clear();
                    txtURL.set_visible(false);
                    document.getElementById('<%= lblURL.ClientID %>').style.display = 'none';
                    $find("<%=uplAttachment.ClientID%>").set_visible(true);
                    document.getElementById('<%= lblUpload.ClientID %>').style.display = 'block';
                    document.getElementById('<%= lblFileName.ClientID %>').style.display = 'block';
                    document.getElementById('<%= lblFileNameValue.ClientID %>').style.display = 'block';
                }
                EnableSave();
            }
        }
 
        function optNone_CheckedChanged(sender, eventArgs) {
            if (!g_rowSelected) {
                if (sender.get_checked()) {
                    alert('None selected');
                    var txtURL = $find("<%=txtURL.ClientID%>");
                    txtURL.clear();
                    txtURL.set_visible(false);
                    document.getElementById('<%= lblURL.ClientID %>').style.display = 'none';
                    $find("<%=uplAttachment.ClientID%>").set_visible(false);
                    document.getElementById('<%= lblUpload.ClientID %>').style.display = 'none';
                    document.getElementById('<%= lblFileName.ClientID %>').style.display = 'none';
                    document.getElementById('<%= lblFileNameValue.ClientID %>').style.display = 'none';
                }
                EnableSave();
            }
        }


Any thoughts?

My thanks in advance.

Jim
jlj30
Top achievements
Rank 2
 answered on 19 May 2014
2 answers
217 views
I need to access an image control (img1) which nests within a second table in my Radlistview. Is this possible to do via ItemDatabound.
Here is the Radlistview:
 
<telerik:RadListView ID="radlist1" runat="server" ItemPlaceholderID="ListViewContainer" DataKeyNames="ID">
    <LayoutTemplate>
            <asp:PlaceHolder runat="server" ID="ListViewContainer"></asp:PlaceHolder>
    </LayoutTemplate>
       <ItemTemplate>
            <fieldset>
                  <legend><strong><%# Eval("Name")%></strong></legend>
                        <table >
                             <tr>
                                 <td>
                                        <table >
                                              <td>
                                                   <strong> <%# Eval("Title")%></strong> 
                                               </td>
                                                <td valign="top" style="width:52px;" >
                                                      <asp:Image ID="img1" runat="server"  />
                                                  </td>
                                            </table>
                                    </td>
                                </tr>
                                 <tr>
                                 </tr>
                             </table>
                        </fieldset>
                    </ItemTemplate>
             </telerik:RadListView>
K W
Top achievements
Rank 1
 answered on 19 May 2014
1 answer
230 views
Hi,

is there a control like the expnader control in wpf for asp.net Ajax?

Thanks
Best Regards
Rene
Princy
Top achievements
Rank 2
 answered on 19 May 2014
3 answers
249 views
Hi,

i use a Grid to Display a Datatable. I select the Data with an SQL-Statement. But how do i display the value from the inner join (second table)?

DataTable Kommentare
    {
        get
        {
            if (Object.Equals(Session["Kommentare"], null))
            {
                string query = "SELECT id, paketid, kommentar, bewertung, produkt FROM [kommentare] INNER JOIN [rating] ON kommentare.paketid = rating.id";
                DataTable dt = GetDataTable(query);
                 
                Session["Kommentare"] = dt;                               
            }
            return (DataTable)Session["Kommentare"];
        }
        set
        {
            Session["Kommentare"] = value;
        }
    }

How do is diaply "produkt " which is a field from table "kommentare"?

<telerik:GridBoundColumn AllowSorting="true" DataField="produkt" HeaderText="Produkt" SortExpression="Produkt" UniqueName="produkt"  />

will not work!

Thanks
best Regards
Rene
ITA
Top achievements
Rank 1
 answered on 19 May 2014
7 answers
521 views

Hi

I’m using hierarchy RadGrid for my application, in which I’m using the master/parent table to show the total amount of the detail table row amounts. So when the user updates the amount in detail table, I have to update the total amount in the master table.  But the master table doesn’t refresh automatically after the detail table is updated. When I try to rebind the grid after I update the detail table, it throws an exception saying “OrderDetailsID is neither a DataColumn nor a DataRelation for table Table.” I’m using ItemCommand method for updating detail table. Please help me to solve this problem.

 

Here is the Code:

 

protected void gridOrders_ItemCommand(object source, GridCommandEventArgs e)

{

lblStatus.Text = String.Empty;  
int OrderID; 

int OrderDetailsID;  
String ItemName;  
Double Amount;  

switch (e.CommandName.ToUpper())

{

case "UPDATE":  

if (e.Item.OwnerTableView.Name == "OrderDetails")

GridEditableItem editedItem = e.Item as GridEditableItem;

OrderDetailsID = int.Parse(editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["OrderDetailsID"].ToString());    

OrderID = int.Parse(editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["OrderID"].ToString());  

 ItemName = (editedItem[

"ItemName"].Controls[1] as RadTextBox).Text;  

 Amount = Double.Parse((editedItem["Amount"].Controls[1] as RadNumericTextBox).Text.ToString());  

 try 

 

 //Update Order Details 

 String cmdText = "UPDATE [OrderDetails] SET ItemName = '"+ ItemName +"', Amount = " + Amount + " WHERE OrderDetailsID = " + OrderDetailsID;

Database db = DatabaseFactory.CreateDatabase();
DbCommand dbCmd = db.GetSqlStringCommand(cmdText);
db.ExecuteNonQuery(dbCmd); 

 //Update Orders

 UpdateOrders(OrderID);

 gridOrders.MasterTableView.Rebind();  ---------------------------------------------->> This line causes the exception.

}

 catch (Exception ex)  

{

lblStatus.Text = ex.Message;

}

break;
}  

}

 

protected void gridOrders_NeedDataSource1(object source, GridNeedDataSourceEventArgs e)  

{

try
{
string cmdText = @"SELECT OrderID, PersonName, Amount FROM [Order]"
Database db = DatabaseFactory.CreateDatabase(); 
DbCommand dbCmd = db.GetSqlStringCommand(cmdText); 
DataSet orderDataSet = db.ExecuteDataSet(dbCmd); gridOrders.DataSource = (DataTable)orderDataSet.Tables[0];    

}

catch (Exception ex)
{

lblStatus.Text = ex.Message;

}

}

protected void gridOrders_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e)
{

GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;

string OrderID = dataItem.GetDataKeyValue("OrderID").ToString();
if (e.DetailTableView.Name == "OrderDetails")

{ 

try
 

string cmdText = @"SELECT * FROM OrderDetails WHERE OrderID = " + OrderID; 

Database db = DatabaseFactory.CreateDatabase();  

DbCommand dbCmd = db.GetSqlStringCommand(cmdText);  

DataSet detailDataSet = db.ExecuteDataSet(dbCmd);

e.DetailTableView.DataSource = (DataTable)detailDataSet.Tables[0];

} 

catch (Exception ex)

{

lblStatus.Text = ex.Message;

}

}

}


 

<telerik:RadGrid ID="gridOrders" runat="server" AutoGenerateColumns="False" GridLines="None"  

 Width="600px" onitemcommand="gridOrders_ItemCommand" onneeddatasource="gridOrders_NeedDataSource1" ShowFooter="true"  

 ondetailtabledatabind="gridOrders_DetailTableDataBind" >

 <MasterTableView DataKeyNames="OrderID" Width="100%" Name="Orders">

 <DetailTables>

 <telerik:GridTableView DataKeyNames="OrderDetailsID,OrderID" Width="100%" runat="server"

 Name="OrderDetails" CommandItemDisplay="Top">

 <ParentTableRelation>

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

 </ParentTableRelation>

 <Columns>

 <telerik:GridEditCommandColumn ButtonType="ImageButton">

 </telerik:GridEditCommandColumn>

 <telerik:GridTemplateColumn HeaderText="Item Name" UniqueName="ItemName">

 <ItemTemplate>

 <asp:Label ID="lblItemName" runat="server" Text='<%# Eval("ItemName") %>'></asp:Label>

 </ItemTemplate>

 <EditItemTemplate>

 <telerik:RadTextBox ID="tbItemName" runat="server" Text='<%# Bind("ItemName") %>'

 Width="135px" >

 </telerik:RadTextBox>

 <span style="color: Red">*</span>

 <asp:RequiredFieldValidator ID="rfvItemName" runat="server"

 ControlToValidate="tbItemName" ErrorMessage="Item Name is required!">

 </asp:RequiredFieldValidator>

 </EditItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridTemplateColumn HeaderText="Amount" UniqueName="Amount" >

 <ItemTemplate>

 <asp:Label ID="lblAmount" runat="server" Text='<%# Eval("Amount", "{0:C}") %>'></asp:Label>

 </ItemTemplate>

 <EditItemTemplate>

 <br />

 <telerik:RadNumericTextBox ID="tbAmount" Runat="server" Text='<%# Bind("Amount") %>'

 MinValue="0" Width="135px" NumberFormat-AllowRounding="True" NumberFormat-DecimalDigits="2">

</telerik:RadNumericTextBox>

<span style="color: Red">*</span>

<asp:RequiredFieldValidator ID="rfvAmount" runat="server"

ControlToValidate="tbAmount" ErrorMessage="Amount is required!">

</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" ButtonType="ImageButton"

ConfirmText="Are you sure you want to delete this record?" ConfirmTitle="Confirm Delete" UniqueName="column">

</telerik:GridButtonColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn DataField="PersonName" EmptyDataText="&amp;nbsp;"

 HeaderText="Name" UniqueName="PersonName">

 <HeaderStyle Height="20px" />

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Amount" EmptyDataText="&amp;nbsp;" DataFormatString="{0:C}" Aggregate="Sum"

 HeaderText="Amount" UniqueName="Amount">

 <HeaderStyle Height="20px" />

 </telerik:GridBoundColumn>

 </Columns>

 </MasterTableView>

 <HeaderStyle HorizontalAlign="Center" />

 <FilterMenu EnableTheming="True">

 <CollapseAnimation Duration="200" Type="OutQuint" />

 </FilterMenu>

 </telerik:RadGrid>


Thanks,
Sentha.

 

Kostadin
Telerik team
 answered on 19 May 2014
1 answer
123 views
Hi,

I am using below javascript function to add some text in RadEditor on click of a button.

function TestFunction()
{
      var editor = $find("<%= EditorID.ClientID %>");
      editor.pasteHtml("Test");
}

I want the text to be added at the current position of cursor in editor.In chrome and mozilla it is working fine. but for IE it is adding the text at the start of editor.
Does anyone know how to resolve this problem with IE?

Nikolay
Telerik team
 answered on 19 May 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?