Questions on UI for ASP.NET AJAX Forum

2 answers

1.6K+ views

how to display the image in RadGrid Image Column

Hello experts

I need urgent help

I have a radGrid in which i want to have an image column that will display different images depending on the selected DataField value.
Like i have a field called status in on of my table which contains the values 0,1,2
If the user enters 0 value then the image should show according to that selected value, same as with 1 and 2 values.

Images have given for the values are in this way, which are stored in my project directory
0 for "out-image.jpg"
1 for "in-image.jpg"
2 for "locked-image.jpg"

From the example below please can you advise 2 things

1) Is the systax below correct to make any column of the grid to appear as imagecolumn?

2) how can I change the values of this column from the code behind based upon below conditions

<telerik:GridImageColumn DataType="System.String" DataImageUrlFields="CustomerID" DataImageUrlFormatString="IMG/{0}.jpg"
AlternateText="Customer image" DataAlternateTextField="ContactName" ImageAlign="Middle"
ImageHeight="110px" ImageWidth="90px"
HeaderText="Image Column" FooterText="ImageColumn footer" />

If datafield value= 0 then
image.souce = "out-image.jpg"
elseif datafield value= 1 then
image.souce = "in-image.jpg"
elseifd datafield value= 2 then
image.souce = "locked-image.jpg"
end if

I hope you understand what I am trying to say.

Thanks for your help.
======================================

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowPaging="True" ShowFooter="True"
            runat="server" AutoGenerateColumns="False" AllowSorting="True" PageSize="3"
            GridLines="None" CellPadding="0" AllowMultiRowSelection="true">
            <MasterTableView ShowFooter="True">
                <Columns>
                    <telerik:GridClientSelectColumn UniqueName="CheckboxSelectColumn" FooterText="CheckBoxSelect footer" />
                    <telerik:GridImageColumn DataType="System.String" DataImageUrlFields="CustomerID" DataImageUrlFormatString="IMG/{0}.jpg"
                     AlternateText="Customer image" DataAlternateTextField="ContactName" ImageAlign="Middle"
                      ImageHeight="110px" ImageWidth="90px"
                      HeaderText="Image Column" FooterText="ImageColumn footer" />
                    <telerik:GridBoundColumn FooterText="BoundColumn footer" UniqueName="ContactTitle"
                        SortExpression="ContactTitle" HeaderText="Bound<br/>Column" DataField="ContactTitle">
                    </telerik:GridBoundColumn>
                    <telerik:GridButtonColumn FooterText="LinkButtonColumn footer" DataTextFormatString="Remove selection"
                        UniqueName="column1" HeaderText="LinkButton<br/>Column" CommandName="Deselect"
                        DataTextField="CustomerID">
                    </telerik:GridButtonColumn>
                    <telerik:GridButtonColumn FooterText="ImageButtonColumn<br/>footer" DataTextFormatString="Select {0}"
                        ButtonType="ImageButton" UniqueName="column" HeaderText="ImageButton<br/>Column" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"
                        CommandName="Select" DataTextField="CustomerID" ImageUrl="~/Common/Img/Icons/Grid.gif">
                    </telerik:GridButtonColumn>
                    <telerik:GridHyperLinkColumn FooterText="HyperLinkColumn footer" DataTextFormatString="Search Google for '{0}'"
                        DataNavigateUrlFields="CompanyName" UniqueName="CompanyName" DataNavigateUrlFormatString="http://www.google.com/search?hl=en&amp;q={0}&amp;btnG=Google+Search"
                        HeaderText="HyperLink<br/>Column" DataTextField="CompanyName">
                    </telerik:GridHyperLinkColumn>
                    <telerik:GridCheckBoxColumn UniqueName="GridCheckBoxColumn" DataField="Bool" HeaderText="CheckBox Column" FooterText="CheckBox column footer" />
                    <telerik:GridTemplateColumn UniqueName="TemplateColumn" SortExpression="CompanyName"
                        InitializeTemplatesFirst="false">
                        <FooterTemplate>
                            Template column footer</FooterTemplate>
                        <FooterStyle VerticalAlign="Middle" HorizontalAlign="Center" />
                        <HeaderTemplate>
                            <table id="Table1" cellspacing="0" style="width:240px;" class="myTable">
                                <tr>
                                    <td colspan="2" align="center">
                                        <b>Contact details</b></td>
                                </tr>
                                <tr>
                                    <td style="width: 50%">
<asp:LinkButton CssClass="Button" ID="btnContName" Text="Contact name" ToolTip="Sort by ContactName"
CommandName='Sort' CommandArgument='ContactName' runat="server" /></td>
                                    <td style="width: 50%">
<asp:LinkButton CssClass="Button" ID="btnContTitle" Text="Contact title" ToolTip="Sort by ContactTitle"
CommandName='Sort' CommandArgument='ContactTitle' runat="server" /></td>
                                </tr>
                            </table>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <table cellspacing="0" width="100%" class="myTable">
                                <tr>
                                    <td style="width: 50%">
                                        <%# Eval("ContactName") %>
                                    </td>
                                    <td style="width: 50%">
                                        <%# Eval("ContactTitle") %>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Center" />
                    </telerik:GridTemplateColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings>
                <Selecting AllowRowSelect="true" />
            </ClientSettings>
        </telerik:RadGrid>

Grid

answered on 23 Jun 2011

6 answers

280 views

Modal RadToolTip not displayed after postback

I have a page with a modal radtooltip that works fine upon loading the page. However, after a postback the tootip is not displayed. I have set the Z-Index really high for the tooltip and this helped to give the modal effect by graying out my screen, but you still cannot see the tooltip. Does anyone have a solution to this?

    
            <telerik:RadToolTip ID="RadToolTip1" runat="server" style="z-index:10000;" Modal="true" ManualClose="true" 
        
                    ShowEvent="FromCode" Sticky="true" Position="Center" Skin="Vista" TargetControlID="btnNew">

I have tried both ShowEvent="OnClick" and ShowEvent="FromCode"

ToolTip

answered on 22 Jun 2011

10 answers

253 views

After Paging how to hold checkboxvalues

Hi Folks,

I implemented my business logic using RadGrid and Client Side Scripting. I also enabled Paging on RadGrid.
If I check any checkboxes for pageindex=1 and then went for next records with pageindex=2 and while return back the checkbox values are
missing they are showing empty.
So Please Tell me how to hold those values for checkbox in RadGrid.
looking for suggestions
Thanking you all

Grid

answered on 22 Jun 2011

1 answer

78 views

SelfHierarchy / Filtering

Dear Telerik-Support

I set up a RadGrid with SelfHierarchySettings. Everything works fine. The hierarchy will shown as expected.

Then I allow filtering on some columns. The problem is that the default filter (it.PrentId == null from Page_Load()) to show only the root items will be lost and according to this all items (also the child items) will be shown in the grid after the user fire a column filter.

How can I add the default filter (it.PrentId == null from Page_Load()) to all filter events that are fired against the grid/datasource? So witch event is the right one to manipulate the filterExpression or filterExpressions to add a default filter before the datasource will be filtered based on this manipulated filters.

Please see my attched files.

Kind regards,
Chrsitian

Grid

answered on 22 Jun 2011

3 answers

153 views

Javascript Intellisense for control

Im unable to get javascript intellisense working for a specific controls client side API.

the control I'm working with right now is DateTimePicker.
how do I get javascript intelliesense to work with it?

none of these objects are available in intellisense

http://www.telerik.com/help/aspnet-ajax/calendar-client-side-rad-datetimepicker.html

I already added a reference to the core telerik javascript

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Name="Telerik.Web.UI.Common.Core.js" Assembly="Telerik.Web.UI" />

</Scripts>

</asp:ScriptManager>

I tried to add Name="Telerik.WebUI.Calendar.RadDateTimePicker.js" Assembly="Telerik.Web.UI" />

We have premium license and I looked in the source code and it has the vsdoc files for javascript intellisense but it doesn't work for me?

Ajax

answered on 22 Jun 2011

1 answer

101 views

changing rotatortype in code

I'm building a sharepoint web part with the ability to change rotator types via the web part property interface. Easy enough. However, I'm having a hard time making the "rotatortype" dynamic in code. Do you have any examples of how this could/should be done? The web part is in c# but I see that others have used javascript to configure their rotators. Just a basic example of how to change the rotator type should suffice. Being a programming newb this is quite a little challenge for me.

Thanks!

Rotator

answered on 22 Jun 2011

1 answer

126 views

RadGrid scroll bar width

Dear Telerik,

I am using RadGrid in a web application that is browsed from a touch screen monitor. It becomes very difficult for the users to scroll using the standard sized scroll bars that come up in radgrid. Can someone please advice on how to increase the scroll bar width?

Many thanks,

- Stepan.

Grid

answered on 22 Jun 2011

8 answers

166 views

View State Errors with Sample / Rad Dock

Hello there,

using a sample provided in the following link (http://www.telerik.com/community/forums/aspnet-ajax/docking/dynamic-creation-of-layout-zones-and-docks.aspx) and even in my own code I get viewstate errors ("...The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request. ...") when I do the following:

In the example provided:

Add a new tab by click create new page.
Add a dock to the first tab.
Go to the second tab.
Add a dock to the second tab.
Go Back to the first tab. BOOM! View state error.

Does anyone know a solution for this? My project is bascially structured exactly like this sample except I use a database.

Thanks,

Brian

Dock

answered on 22 Jun 2011

3 answers

93 views

How set hover style all the time

Hello,
I want to set hover style all the time in the buttons of radtoolbar, because in normal style, the button is too much flat and it hasn't border, it seems a label instead of a button.
Can anybody help me?

Thanks in advance.

ToolBar

answered on 22 Jun 2011

1 answer

293 views

Accessing controls from code behind

Dear sirs

I have added 4 new resource types Task,Client,Infotype,Status
Im facing 2 problems
1. I could not access these controls from codebehind
below im given you a sample of finding <Task> the dd_combo return nothing the same happens if i try to find the other 4
resources <client,infotype,status>
2. I will like to know how can i handle advancedform validation for these 4 new resources when user press the save button, i have tried all javascript sample you provided in forums with no luck

CodeBehind
'=======================================================================================
Protected Sub rs_FormCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.SchedulerFormCreatedEventArgs) Handles rs.FormCreated

If ((e.Container.Mode = Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) _

OrElse (e.Container.Mode = Telerik.Web.UI.SchedulerFormMode.AdvancedInsert)) Then

Dim ddl_combo As radcombobox= DirectCast(e.Container.FindControl("task"), radcombobox)

End If

end Sub
'==========================================================================================

'===========================================================================================
<

telerik:RadScheduler runat="server" ID="rs" SelectedDate="2007/03/30"

TimeZoneOffset="03:00:00" StartEditingInAdvancedForm="true"

CustomAttributeNames="StatusID,Task"

StartInsertingInAdvancedForm="true" Width="100%" Height="500px"

DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentID"

Culture="Greek (Greece)" EditFormDateFormat="dd/MM/yy" Skin="Office2007">

<%

# Eval("Subject")%>

</AppointmentTemplate>

<telerik:ResourceType KeyField="taskID" Name="Task" TextField="descr" ForeignKeyField="taskid"

DataSourceID="taskds" />

<telerik:ResourceType KeyField="ID" Name="Client" TextField="UserName" ForeignKeyField="UserID"

DataSourceID="usersds" />

<telerik:ResourceType KeyField="informID" Name="InfoType" TextField="descr" ForeignKeyField="informid"

DataSourceID="informds" />

<telerik:ResourceType KeyField="StatusID" Name="Status" TextField="descr" ForeignKeyField="StatusID"

DataSourceID="statusds" />

</ResourceTypes>

</telerik:RadScheduler>
'===================================================================================

Scheduler

answered on 22 Jun 2011