Questions on UI for ASP.NET AJAX Forum

1 answer

165 views

Attempting to execute code when a tab is clicked

I am working on an web page that uses the RadTabStrip, RadTab,RadMultiPage, and RadPageView objects.

There are four tabs. The first three tabs contain various RadText, RadDropDownList, and RadListBox objects for the user to enter information. On the first page, when the user enters an ID number, a server call populates information currently on file for that number. That works without any issues.

My problem is when the third tab is selected, I need to call a server routine that will use information entered from the first two tabs to populate the RadDropDownList and RadListBox objects on that page. The code I have written is being executed, but when it returns, the third tab is not selected and the page view of that tab is not displayed. Instead you still see the last tab that was active. In addition if the last tab was tab one, then clicking on tab two results in tab two being displayed and the contents of tab one being displayed under it.

I am calling my routine from the OnTabClick event of the RadTabStrip:

<telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Silk" AutoPostBack="true" OnTabClick="tabViewChanged" >

Is there something I need to do at the end of my code to have the page view display? I tried this:

RadTab tab1 = RadTabStrip1.Tabs.FindTabByText("Benefits");

tab1.Selected = true;

tab1.PageView.Selected = true;

but it did not appear to have any effect.

I am hoping there is just some type of render call that I am missing.

TabStrip

answered on 09 Aug 2016

15 answers

987 views

TimeSpan Object with MVC Grid

When I try to bind a TimeSpan column to an MVC extension Grid I am getting a weird [object Object] displayed.
My binding code is like:

.Columns(columns =>
                {
                    columns.Bound(p => p.Runner);
                    columns.Bound(p => p.RaceDate).Format("{0:dd/MM/yyyy}").Width(50);
                    columns.Bound(p => p.Race);
                    columns.Bound(p => p.Finish).Format("{0:hh\\:mm\\:ss}").Width(40);
                    columns.Bound(p => p.Pace).Format("{0:hh\\:mm\\:ss}").Width(40);
})

The DateTime column is fine it is just the TimeSpan columns giving the problem.
Any ideas on how to overcome?
Is it a display format issue?

Grid

answered on 08 Aug 2016

6 answers

429 views

Automatic mobile responsivness?

Hello,
I am very new to Telerik controls and working on proof of concept with the controls and have a question.

I have created a simple radmenu example which is in a RadPageLayout with GridType="Fluid".
If I take the web browser and manually decrease the width of the browser my assumption was it would automatically change the radmenu into a mobile "menu".
For example: if i go to the Bootstrap page http://getbootstrap.com/examples/navbar/ and decrease the width the navigation bar would turn mobile friendly.
I have upload a (choppy) video of it here for viewing: http://tinypic.com/r/1znoi8o/8

Doing a bit more reading i found there is a property on the radmenu control called "RenderMode".
If I set it to "Mobile" i will see the mobile dropdown (although the child menu doesn't show up) but this isn't what i'd want because that would mean i would need to create multiple pages based on device detection. I tried RenderMode=Auto but that didn't work either.

I hope my question makes sense.
Perhaps I am missing setting a property?
thanks.

Menu

answered on 08 Aug 2016

5 answers

681 views

[Solved] Is it possible to force a combobox to request events every time it is opened?

I have a combobox created server side as so:

myComboBox = new RadComboBox

{

ID = "myComboBoxID",

EnableLoadOnDemand = true,

EnableItemCaching = false,

ShowMoreResultsBox = false,

EnableVirtualScrolling = true,

ItemsPerRequest = -1

};

myComboBox.WebServiceSettings.Path = myWebServicePath;

myComboBox.WebServiceSettings.Method = myWebServiceMethod;

myComboBox.OnClientItemsRequesting = myClientItemsRequestingEvent;

with the clientside event defined as:

myClientItemsRequestingEvent = function (sender, eventArgs) {

var context = eventArgs.get_context();

context.refID = this.get_myRefID;

};

The webservice call populates the combobox depending on the value of refID. My problem is that this value is dynamic. It changes depending on other elements on the page, and the combobox should be populated appropriately. The problem is, the combobox only seems to call the itemRequestEvent once, when it is opened the first time after page load.

Ideally I would like this event to fire every single time the dropdown is opened, with the combobox being repopulated each time. Is this possible?

ComboBox

answered on 08 Aug 2016

11 answers

196 views

Excel export from RadGrid ends with "Unable to read file"

I've got a customer who is reporting that occasionally when exporting from the grid (and then opening the file directly rather than saving it), they receive an error message box from Excel, "Unable to read file."

I have been unable to reproduce the issue, and it doesn't happen every time for them either. Any thoughts on what could be causing this?

Grid

answered on 08 Aug 2016

1 answer

230 views

Enable RadButton when item from RadCombobox is selected

I have a radbutton on my form that is disabled.

I have about 10 RadComboboxes on the same form.

I'm trying to enable the Radbutton once a Value is selected from the any of the comboboxes.

Can't seem to get this working.

Any help would be appreciated.

<telerik:RadComboBox ID="ddl1" runat="server" Width="90px" Skin="Vista" Font-Names="Verdana" Font-Size="Small" ZIndex="8900" OnClientDropDownOpening="Enable_Save">
</telerik:RadComboBox>

ComboBox

answered on 08 Aug 2016

1 answer

148 views

RadGrid destroyed when I use Eval

Hello all,

I have a hard issue with a Telerik RadGrid, when I use a templateColumn and put <%# Eval("something") %> me table brokes!

My ASP Code:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false">
<MasterTableView HierarchyLoadMode="Client" DataKeyNames="id" ClientDataKeyNames="id" NoMasterRecordsText="No existen registros a mostrar.">
<Columns>
<telerik:GridBoundColumn DataField="nombre" UniqueName="nombre" HeaderText="Nombre" />
<telerik:GridTemplateColumn HeaderText="Tipo">
<ItemTemplate>
<p><%# Eval("tipo") %></p>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="creacion" UniqueName="creacion" HeaderText="Creación" />
</Columns>
</MasterTableView>
</telerik:RadGrid>

My broken table:

http://puu.sh/qpuB9/7a12a67e1c.png

My table without Eval:

http://puu.sh/qpuDh/a9f06c406d.png

HELP PLZ!

Thz for your time.

Grid

answered on 08 Aug 2016

1 answer

223 views

how to manually close a dropdowntree using javascript

<FooterTemplate>

<div>

<asp:Button ID="btnOk" OnClientClick="" Text="OK" runat="server" />

<asp:Button ID="btnCancel" Text="Cancel" runat="server" />

</div>

</FooterTemplate>

I add two buttons in the dropdowntree via FooterTemplate, how to close the dropdowntree using javascript when users click Ok or Cancel buttons

DropDownTree

answered on 08 Aug 2016

3 answers

360 views

TableLayout:Fixed not working

According to Telerik's documentation for ASP.NET Ajax Controls 2010 Q1's RadGrid -

"The value of the TableLayout property is a string that specifies or receives one of the following GridTableLayout enumeration values:

Auto	Column width is set by the widest unbreakable content in the column cells.
Fixed	Default. Table and column widths are set either by the sum of the widths on the GridTableView.Columns objects or, if these are not specified, by the width of the first row of cells. If no width is specified for the table, it renders by default with width=100%."

I have a table that has its TableLayout to fixed. I have 3 columns - all have fixed widths. Yet when I view the source, the rendered table has a width of 100% and the 3 columns have the same width (they are each a third of the grid). According to Telerik's documentation, that should not be the case.

What is going on?

Here is my exact markup of the RadGrid:

    
            <telerik:RadGrid ID="dgCourseCatalog" runat="server" AutoGenerateColumns="False" AllowSorting="true" BorderStyle="None"> 
        
                                <MasterTableView ShowHeadersWhenNoRecords="False" AllowNaturalSort="false" TableLayout="Fixed"> 
        
                                    <SortExpressions> 
        
                                        <telerik:GridSortExpression FieldName="LearningModuleName" SortOrder="Ascending" /> 
        
                                    </SortExpressions> 
        
                                    <NoRecordsTemplate> 
        
                                        <div class="StatusUpdate Warning NoRecords"> 
        
                                            No Learning Modules found with your search criteria. Please adjust your search. 
        
                                        </div> 
        
                                    </NoRecordsTemplate> 
        
                                    <Columns> 
        
                                        <telerik:GridTemplateColumn HeaderText="Type" UniqueName="LMType" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"> 
        
                                        <ItemStyle Width="30px" Wrap="true" /> 
        
                                            <ItemTemplate> 
        
                                                <img src='<%#ResolveUrl(Eval("LMTypeIconUrl"))%>' alt='<%#Eval("LMTypeDescription") %>' /> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                        <telerik:GridHyperLinkColumn HeaderText="Name" DataTextField="LearningModuleName" SortExpression="LearningModuleName" DataNavigateUrlFormatString="~/learning/learningmodulehome.aspx?LMID={0}" 
        
                                            DataNavigateUrlFields="LearningModuleID" UniqueName="LearningModuleName" ItemStyle-Width="250px" ItemStyle-Wrap="true" /> 
        
                                        <telerik:GridBoundColumn HeaderText="Description" DataField="LearningModuleDescription" UniqueName="LearningModuleDescription" 
        
                                            SortExpression="LearningModuleDescription" ItemStyle-Width="250px" ItemStyle-Wrap="true" /> 
        
                                    </Columns> 
        
                                </MasterTableView> 
        
                            </telerik:RadGrid>

Grid

answered on 08 Aug 2016

0 answers

103 views

Telerik Radeditor CSS

Hi

I am using Telerik Radeditor and in my application, I want to show the content from editor to the div.

But my application's base css is changing the UI of the editor content which I am rendering in the div. Is there any way, I can apply the editor's css to my div? So that I can get the same look and feel to the div as well

Thanks in advance.

WebParts for SharePoint

asked on 08 Aug 2016