Questions on UI for ASP.NET AJAX Forum

1 answer

577 views

Node.js

Hello,

I'm reading more and more about node.js and it's ability to help us develop web apps.

In your opinion, is this something we'll get to / have to learn and does Telerik have plans to support it?

Please let us know and thanks!

~ Dave

General Discussions

answered on 26 Sep 2012

1 answer

60 views

RadPane - set_collapsed(false) - > not working

Hello,
this is my code.. but when i call from javascript function showRightPane - > paneProperties.set_collapsed(false) is not working

<script type="text/javascript">

function showRightPane() {

var splitter = $find("<%= RadSplitter1.ClientID %>");

var paneProperties = splitter.GetPaneById('<%= paneProperties.ClientID %>');

paneProperties.set_collapsed(false);

}

</script>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%"

Height="800px" Skin="Windows7">

<telerik:RadPane ID="RadPane1" runat="server" Width="22px" Scrolling="None">

<telerik:RadSlidingZone ID="RadSlidingZoneTree" runat="server" Width="22px">

<telerik:RadSlidingPane ID="RadSlidingPaneTree" Title="Tree" runat="server" Width="200px" MinWidth="100" DockOnOpen="true">

<cee:BrowserTree ID="browserTree" runat="server" />

</telerik:RadSlidingPane></telerik:RadSlidingZone></telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBarTree" runat="server" />

<telerik:RadPane ID="DrawingPane" runat="server" Scrolling="None"

<input type="button" onclick="showRightPane()" value="Show Right Pane"

/>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBarProperties" runat="server" Visible="true"></telerik:RadSplitBar>

<telerik:RadPane ID="paneProperties" runat="server" Width="22px" Scrolling="None" Collapsed="true">

<telerik:RadSlidingZone ID="RadslidingzoneProperties" runat="server" Width="22px" ClickToOpen="true" SlideDirection="Left">

<telerik:RadSlidingPane ID="RadslidingpaneProperties" Title="Properties" runat="server" Width="150px" DockOnOpen="true" MinWidth="100">

Properties Content

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 26 Sep 2012

1 answer

107 views

RibbonBar - new Tab(client side)

Hello,
how can I add from javascript new Tab + RibbonBarButton?(client side)

such as

var ribbonbar = $find("<%= RadRibbonBar1.ClientID %>");
***** var newTab = new ribbonar. TAB
newTab.setText = tabText;
var newButton = new ribbonbar.Button
newButton .setText = buttonText;
newButton .ImageUrl = image.jpgURL
newButton.AddTo(newTab);
_____________________________________________________________________________________
<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server" Width="100%"
        Skin="Office2007" EnableMinimizing="true" >
        <telerik:RibbonBarTab Text="Tab1">
        <telerik:RibbonBarGroup Text="Buttons">
                    <Items>
                        <telerik:RibbonBarButton Size="Large" Text="Button1" />
                    </Items>
                </telerik:RibbonBarGroup>
        </telerik:RibbonBarTab>
    </telerik:RadRibbonBar>
i want to add new tab from javascript with buttons:
<telerik:RibbonBarTab Text="Tab2">
        <telerik:RibbonBarGroup Text="ButtonsGroup2">
                    <Items>
                        <telerik:RibbonBarButton Size="Large" Text="ButtonFromTab2" />
                    </Items>
                </telerik:RibbonBarGroup>
        </telerik:RibbonBarTab>

RibbonBar

answered on 26 Sep 2012

4 answers

94 views

BR Tag showing in RibbonBarSplitButton Tooltip

Hello,

I have a RibbonBarSplitButton with a Text-property holding a <BR> Tag, like:

<telerik:RibbonBarSplitButton Size="Large" Text="Financial <br />reports"
           ToolTip="serveral financial reports." >
           <Buttons>
                    <telerik:RibbonBarButton ID="Reportq1" Text="Report q1" Value="Report.aspx?report=Q1" Size="Large" ToolTip="Report of Q1." />
           </Buttons>
</telerik:RibbonBarSplitButton>

When I run the web-app, when I hoover over the RibbonBarSplitButton, in the tooltip's title, the <BR> is shown wrongly.
The <BR> is not shown if I use a <BR> in a RibbonBarButton's Text property (not a SplitButton).
I think this functionality is missing in the RibbonBarSplitButton Tooltip.

Also, when I use a RibbonBarButton with a Text-property holding a <BR> Tag, but I leave the ToolTip not set or set like ToolTip="", the tooltip that will be shown, then the default tooltip will be shown, and shows the <BR> too.

Regards,

Frank

RibbonBar

answered on 26 Sep 2012

5 answers

1.7K+ views

How to sort a GridTemplateColumn

Hello,

I was wondering how you sort a GridTemplateColumn so that when the user clicks on the column name the column gets sorted ascending and descending.

I haven't seen a clear answer on the forums yet so if anyone can shine any light on this or send me a link to a way in which this could be possible then that would be great.

Thanks

General Discussions

answered on 26 Sep 2012

2 answers

171 views

RadToolBar and RadWindow Integration Using CodeBehind

Hi All,

Is it possible to popup a RadWindow when a RadToolBarButton is clicked in code behind.
I'm tried to do this by passing by a javascript function and then call the VB.NET function but it didn't work
Here's my code :

ASPX:

<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">

<script type="text/javascript">

var toolbar;

var ajaxManager;

function pageLoad() {

toolbar = $find("<%= RadToolBarApplication.ClientID %>");

ajaxManager = $find("<%=RadAjaxManager1.ClientID %>");

}

function onButtonClicked(sender, args) {

var commandName = args.get_item().get_commandName();

if (commandName == "functionJS") {

PageMethods.VBFunction()

}

</script>

</telerik:RadScriptBlock>

....

<telerik:RadToolBar ID="RadToolBarApplication" runat="server" OnClientButtonClicked="onButtonClicked" >

<Items>

<telerik:RadToolBarButton Text="button1" CommandName="functionJS" />

</Items>

</telerik:RadToolBar>

Code-Behind:

<System.Web.Services.WebMethod()> Public Sub VBFunction()

Dim radWindow As New RadWindow

radWindow.ID = "RadWindow8"

radWindow.AutoSize = True

radWindow.VisibleOnPageLoad = True

RadWindowManager1.Windows.Add(radWindow)

Me.form1.Controls.Add(radWindow)

End Sub

Thanks
Ahmed

ToolBar

answered on 26 Sep 2012

1 answer

56 views

RadGrid Column Drag and Drop on IE 7

we have telerik rad grid on mvc page which displays around 100 records with 15 Columns and records are loaded based on the direction of scrolling (i.e if you scroll down next 100 records will be displayed and vice versa). But the issue we have is telerik column swap is taking around 25 seconds on IE7 however its taking very less time on other browsers or higher versions of IE, but we need to bring this down to around 7 seconds without changing the record count i.e not making it less than 100, because when i made it 20 the time reduced. Is there any way I can do this. I need to do this asap so any suggestion might help me a lot.

Thanks in Advance

UI for ASP.NET AJAX in ASP.NET MVC

answered on 26 Sep 2012

2 answers

73 views

Issue with Hierarchy view of Rad Grid

Hello Team,

We are showing the records in Hierarchical view, if we are displaying more than 8000 rows in the rad grid.
it gives us below exception.

Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.

we have set maxJsonLength property as well but it did not help

 <system.web.extensions>
       <scripting>
           <webServices>

   <jsonSerialization maxJsonLength="5000000" />
           </webServices>
       </scripting>
   </system.web.extensions>

Could some one please help us out to overcome with this issue?

-Umesh

Grid

answered on 26 Sep 2012

3 answers

113 views

Grouping Message Incorrect

I have an incorrect grouping message on the last page of my Grid:

"Business Unit: Technical Services (Showing 3 of 11 items. Group continues on the next page.)"

This is incorrect - there are only 3 records in this group and they are the last 3 records of the set. The virtual item count appears to be set correctly. If I set my page size to 10 or 20 from 50, the message no longer shows. For a Page Size of 30 records, the message is "Showing 3 of 21 items".

How do I fix this message?

The grouping code is as follows:

GridGroupByExpression expression1 = new GridGroupByExpression(),

expression2= new GridGroupByExpression(),

expression3 = new GridGroupByExpression();

expression1.SelectFields.Add(GetGridGroupByField("Division", "Division"));

expression1.GroupByFields.Add(GetGridGroupByField("Division", null));

expression2.SelectFields.Add(GetGridGroupByField("BusinessUnit", "Business Unit"));

expression2.GroupByFields.Add(GetGridGroupByField("BusinessUnit", null));

expression3.SelectFields.Add(GetGridGroupByField("State", "State"));

expression3.GroupByFields.Add(GetGridGroupByField("State", null));

rg.MasterTableView.GroupByExpressions.Add(expression1);

rg.MasterTableView.GroupByExpressions.Add(expression2);

rg.MasterTableView.GroupByExpressions.Add(expression3);

Grid

answered on 26 Sep 2012

3 answers

86 views

Edit & Delete commands not working in ITemplate.

HI,
I have a DataTable with Customer Data. I'm binding rad grid dynamically, because upton 3rd column, datatable has static columns after that from 4th columns all columns are Dynamic, so for that I've designed rad grid in dynamic binding and also binded column with Edit and Delete buttons. But the rad grid control item command event is not firing. Below is my code

void BindsGrid(int pageIndex = 0)

{

SetupTableService pgs = new SetupTableService();

DataTable dt = pgs.ExportFuelGrade(SupplierId);

int i = 0;

if (gvFuelsGrades.MasterTableView.Columns.Count > 0)

{

gvFuelsGrades.MasterTableView.Columns.Clear();

gvFuelsGrades.DataSource = null;

gvFuelsGrades.DataBind();

}

foreach (DataColumn col in dt.Columns)

{

GridBoundColumn boundCol = new GridBoundColumn();

string column = string.Format("{0}", dt.Columns[i].ColumnName);

boundCol.DataField = column;

boundCol.HeaderText = column;

// templateCol.UniqueName = column.Replace(" ", string.Empty);

gvFuelsGrades.MasterTableView.DataKeyNames = new string[] { "FuelId" };

boundCol.ItemStyle.Width = Unit.Pixel(500);

boundCol.ItemStyle.Wrap = true;

if (boundCol.HeaderText == "FuelId" || boundCol.HeaderText == "OilGrade" || boundCol.HeaderText == "FuelGradeId" || boundCol.HeaderText == "ProductGroupId")

boundCol.Visible = false;

gvFuelsGrades.MasterTableView.Columns.Add(boundCol);

i++;

}

gvFuelsGrades.ClientIDMode = System.Web.UI.ClientIDMode.Static;

gvFuelsGrades.CurrentPageIndex = pageIndex;

gvFuelsGrades.AllowPaging = true;

gvFuelsGrades.Width = Unit.Pixel(1000);

gvFuelsGrades.DataSource = dt;

gvFuelsGrades.DataBind();

//(gvFuelsGrades.MasterTableView.GetColumn("Actions") as GridTemplateColumn).OrderIndex = gvFuelsGrades.Columns.Count+1;

GridTemplateColumn templateCol = new GridTemplateColumn();

templateCol.ItemTemplate = new GridActionTemplate("Actions");

templateCol.HeaderText = "Actions";

templateCol.OrderIndex = gvFuelsGrades.Columns.Count + 2;

gvFuelsGrades.MasterTableView.Columns.Add(templateCol);

gvFuelsGrades.Rebind();

//(gvFuelsGrades.MasterTableView.GetColumn("Actions") as GridTemplateColumn).Visible = CanEdit() | CanDelete();

}

and ITemplate Class

class GridActionTemplate : ITemplate

{

public event CommandEventHandler Command;

private void OnCommand(CommandEventArgs e)

{

if (Command != null)

{

Command(this, e);

}

private void imgEdit_Command(object sender, GridCommandEventArgs e)

{

OnCommand(e);

}

public void InstantiateIn(System.Web.UI.Control container)

{

lControl = new LiteralControl();

lControl.ID = "lControl";

imgEdit = new ImageButton();

imgEdit.CommandName = "edit";

imgEdit.ID = "btnEdit";

imgEdit.ImageUrl = "~/Static/Images/Actions/edit.png";

imgDelete = new ImageButton();

imgDelete.CommandName = "delete";

imgDelete.ImageUrl = "~/Static/Images/Actions/delete.gif";

Table tbl = new Table();

TableRow tr = new TableRow();

TableCell td = new TableCell();

td.Controls.Add(imgEdit);

tr.Cells.Add(td);

td = new TableCell();

td.Controls.Add(imgDelete);

tr.Cells.Add(td);

tbl.Rows.Add(tr);

container.Controls.Add(imgEdit);

container.Controls.Add(imgDelete);

}

protected LiteralControl lControl;

protected ImageButton imgEdit;

protected ImageButton imgDelete;

protected ImageButton imgView;

private string colname;

public GridActionTemplate(string cName)

{

colname = cName;

}

Help me in this regards with making my rad grid fire item command.

Regards
Phaneendra

Grid

answered on 26 Sep 2012