Questions on UI for ASP.NET AJAX Forum

0 answers

108 views

I have an requirement where I need to have scrolling programmatically. As we are binding data source dynamically. My issue is if items in particular menu (Level 1) exceeds by some number (level 2 items assume 10) then I need verticall scrolling otherwise don't require scrolling. I have tried with RadMenuItem.GroupSettings.Height but it is not working. With this approach every menu item's height gets increased even if it has only two items.

Can any one help me on urgent basis.

Menu

asked on 07 Dec 2009

1 answer

113 views

How to create multiple columns under HeaderTemplate Programmatically

I need to create a Header template that has two columns associated with it. How do I do this using c#? For instance.
The Header template header would be called Article and the two columns beneath would be edit and delete.

Grid

answered on 07 Dec 2009

1 answer

156 views

GridDropDownColumn DropDownList height defaults to longer than the items list

By default it appears the GridDropDownColumn DropDownList height defaults to a particular height. This ends up displaying blank space beneath the items in the DropDownList when there are only a few items in the list.

How do i configure the GridDropDownColumn or its DropDownList to have a height that is equal to the size of the items in the list?

Grid

answered on 07 Dec 2009

1 answer

138 views

Auction module compatible with Telerik?

Hi All

Does anyone know of a simple asp.net auction package that could be integrated
with an all-Telkerik look and feel?

The client requirement is to have an auction capability on the website, where the only auctions
are ones started by the client himself, and never more than 2 or 3 at a time.

Ideas welcome!

Thanks

Clive

General Discussions

answered on 07 Dec 2009

1 answer

95 views

Zoom Chart with Large Black Borders

Hi,
I am using the AJAX radchart with zooming and a button to toggle the zoom server side. All is well except that I get these large black borders on the X and Y axis when it goes in Zoom mode. Any ideas? Below is my code for the aspx.
Thank you,
Jen

<telerik:RadChart ID="RadChart1"

runat="server" ChartImageFormat="Bmp"

ClientSettings-EnableZoom="false" AutoLayout="True"

DefaultType="Line" Skin="ExcelClassic" Width="1014px" Height="500px"

OnItemDataBound="RadChart1_ItemDataBound" OnDataBound="RadChart1_DataBound" >

<telerik:ChartSeries Type="Line">

<

Appearance ShowLabels="false">

<

FillStyle MainColor="156, 154, 255" SecondColor="156, 154, 255">

</FillStyle>

<

Border Color="Black"></Border>

</

Appearance>

</

telerik:ChartSeries>

</

Series>

<

PlotArea>

<

XAxis >

<

Appearance >

</LabelAppearance>

<

MajorGridLines Width="0" Color="DimGray"></MajorGridLines>

</

Appearance>

<

AxisLabel >

<

TextBlock Text="Date/Time">

<

Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold"></Appearance>

</

TextBlock>

</

AxisLabel>

</

XAxis>

<

YAxis>

<

Appearance MinorTick-Width="0">

<

MajorGridLines Color="Black"></MajorGridLines>

</

Appearance>

<

AxisLabel>

<

TextBlock>

<

Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold"></Appearance>

</

TextBlock>

</

AxisLabel>

</

YAxis>

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis2>

<

Appearance Corners="Round, Round, Round, Round, 6">

<

FillStyle MainColor="Silver" FillType="Solid"></FillStyle>

</

Appearance>

</

PlotArea>

<

ChartTitle>

<

Appearance

Dimensions-Margins="4%, 10px, 14px, 0%" Position-AlignedPosition="Top">

</

Appearance>

<

TextBlock>

<

Appearance TextProperties-Font="Verdana, 12pt" TextProperties-Color="Black"></Appearance>

</

TextBlock>

</

ChartTitle>

</ItemTextAppearance>

</Appearance>

</Legend>

</telerik:RadChart>

Chart (Obsolete)

answered on 07 Dec 2009

0 answers

165 views

Treeview not reponding to Session timeout

Hi

I have a RADTreeview with the settings as shown

<

telerik:RadTreeView ID="RadTreeViewFolders" runat="server" AutoPostBack="False"

BorderWidth="0px" CausesValidation="False" DragAndDrop="False" EnableViewState="true"

LoadingMessagePosition="BeforeNodeText" MultipleSelect="false" OnClientNodeClicking="onNodeClicking"

RetainScrollPosition="true" SingleExpandPath="true"

Skin="Office2007">

</telerik:RadTreeView>

1) The treeview does not repond to the session timeout from asp.net
2) The same happens with the RADGRID

I need help on the above 2 issues

Thanks

TreeView

asked on 07 Dec 2009

2 answers

70 views

PagerStyle=Slider, Localisation?

Hey

i am currently try'ing to localize the radgrid with paging and <PagerStyle Mode="Slider"/> but it seems not to work or i simply using the wrong parameters ;)
here my markup (not working):

    
            <PagerStyle Mode="Slider" NextPageToolTip="test123" />

working markup:

    
            <PagerStyle NextPageToolTip="test123" />

can anyone give me a hint what i am doing wrong?
thx!

Grid

answered on 07 Dec 2009

9 answers

1.4K+ views

[Solved] Set checkbox to true/false from javascript

Hi!

I am trying to set a checkbox value to true/false based on a cookie on the client side. This works perfectly well outside the toolbar, but not when the checkboxes are inside. Nothing happens. Have anyone experienced this before? Here is the code:

    
            function loadToolBar() {  
 
                    var toolBar = $find("<%=reportToolBar.ClientID %>");  
 
                    var tdTool = toolBar._findItemByText("timeVsDepth");  
 
                    var chkBoxTimeDepth = $telerik.findElement(tdTool.get_element(), ("chkBoxOptionsTvsD"));  
 
                    var wsTool = toolBar._findItemByText("wellSchematic");  
 
                    var chkBoxWellSchematic = $telerik.findElement(wsTool.get_element(), ("chkBoxOptionsWS"));  
 
                    var gantTool = toolBar._findItemByText("gant");  
 
                    var chkBoxGant = $telerik.findElement(gantTool.get_element(), ("chkBoxOptionsGant"));  
 
                    var gantChecked = (getCookie("currentGant"));  
 
                    var timeDChcked = getCookie("currentTimeDepth");  
 
                    var wellSChck = getCookie("currentWellSch");  
 
                    if (gantChecked != null && gantChecked == "true") {  
 
                        chkBoxGant.checked = true;  
 
                        document.getElementById("chkboxTest").checked = true;  
 
                        gantTool.check();  
 
                    }  
 
                    if (timeDChcked != null && timeDChcked == "true") {  
 
                        chkBoxTimeDepth.checked = true;  
 
                        tdTool.check();  
 
                    }  
 
                    if (wellSChck != null && wellSChck == "true") {  
 
                        chkBoxWellSchematic.checked = true;  
 
                        wsTool.check();  
 
                    }  
 
                }  
 
            <telerik:RadToolBar ID="reportToolBar" Runat="server" Width="100%" OnClientButtonClicked="selectViewOptions" Skin="DBR" EnableEmbeddedSkins="false" OnClientLoad="loadToolBar" >  
 
                    <Items>  
 
            <telerik:RadToolBarDropDown runat="server" Text="Report Options" Width="50">  
 
                        <Buttons>  
 
                            <telerik:RadToolBarButton runat="server" Text="timeVsDepth" Value="timeDepth">  
 
                                <ItemTemplate>                          
 
                                <div onclick="StopPropagation(event)">  
 
                                    <asp:CheckBox ID="chkBoxOptionsTvsD" runat="server" Text="Include time vs depth" Font-Size="12px" />                                                             
 
                                </div>  
 
                                </ItemTemplate>  
 
                            </telerik:RadToolBarButton>  
 
                            <telerik:RadToolBarButton runat="server" Text="wellSchematic" Value="wellSchematic">  
 
                                <ItemTemplate>  
 
                                <div onclick="StopPropagation(event)">  
 
                                    <asp:CheckBox ID="chkBoxOptionsWS" runat="server" Text="Include well schematic" Font-Size="12px" />                   
 
                                </div>  
 
                                </ItemTemplate>  
 
                            </telerik:RadToolBarButton>  
 
                            <telerik:RadToolBarButton runat="server" Text="gant" Value="gant">  
 
                                <ItemTemplate>  
 
                                <div onclick="StopPropagation(event)">  
 
                                    <asp:CheckBox ID="chkBoxOptionsGant" runat="server" Text="Include 1 week plan" Font-Size="12px" />                         
 
                                </div>  
 
                                </ItemTemplate>  
 
                            </telerik:RadToolBarButton>  
 
                        </Buttons>  
 
                        </telerik:RadToolBarDropDown>  
 
            </Items>  
 
                </telerik:RadToolBar>

ToolBar

answered on 07 Dec 2009

8 answers

595 views

Grid dynamically needs different datasources... NeedDataSource can't do this?

This has to be pretty common and simple and that must be why I havent' been able to find an answer :-)

The RadGrid seemed fine for us until we tried to replace a vanilla grid on a page that uses buttons to dynamically change the datasource AND that also Sorts.

For example,

Say one button on the webform connects to a source of the result of Membership.GetAllUsers() which of course returns a collection of Membership Users objects and then another button fills the grid with a results of some SQL.

Okay... you start with adding the two buttons and in their click events you put standard grid.Datasource=XXX / grid.DataBind() lines.

Everything is good.

BUT it seems to us that when you do this "simple data binding" you lose the ability to SORT the grid. When you sort, the RadGrid disappears (because it is just a rendered table and it is empty.. even though there was ViewState there is no data and so there is no more grid).

So instead we tried going the Telerik way and not using DataBind()... instead using the NeedDataSource event. But this has the problem of it only apparently allowing us to use the grid for one single dedicated purpose - such as GetAllUsers() instead of dynamically changing the data source via buttons.

We thought that somehow we could put some information in the GridNeedDataSourceEventArgs and read it in the NeedDataSource event and do a switch/case but it is readonly and the docs even imply that we only have one data soruce option:

"
In the code of this event you should prepare the data source (list of objects) for Telerik RadGrid and assign it to the grid's DataSource property.
"

How can we both change the grid data source on-demand AND have sorting? It's a more or less built-in feature for other grids including the C1/MS freebies in VS so we took it for granted that it would be here too. Do we have to go back to old style manual code for sorting or Are we just missing something in front of us?

Grid

answered on 07 Dec 2009

3 answers

118 views

Ajaxified panel not updated from other ajaxified panel

We have two panels added to our page programmatically, both are added to the RadAjaxManager. The first contains a RadComboBox, the second a RadGrid. The first grid panel is added as trigger for the combo box panel. When rows are added, the combobox should be updated with new items. This works when the grid(and panel) is added before the combo box(and panel). However when the combo box panel is added before the grid panel, the combo box isn't updated.

Unfortunately I was unable to reproduce this in a smaller demo project.

Any ideas for what we can try would be greatly appreciated!

OnInit:
Controls added

OnLoadComplete:
Controls in panels data bound if panel was updated

Page_PreRender:
Panels added to RadAjaxManager

Ajax

answered on 07 Dec 2009