Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
201 views
I have added some custom colors declaratively using the <telerik:EditorColor> tag. However when i view the color pallet it displays the hexadecimal value (#ACD9F4) for the color  as opposed to displaying the title (Light Blue). How do i get the title displayed instead?

 

<telerik:EditorColor Title="Light Blue" Value="#ACD9F4" />

Thanks

 

 

Rumen
Telerik team
 answered on 01 Jun 2009
1 answer
144 views
I'd like to do some cool RAD Menu implementations in my sites and I'm looking for some good samples to use or to start from. The Telerik demo's have two "appearance" samples. The apple one looks cool, but not realistic for what I'm trying to do. It would be great to see more. 

Here are two web sites showing a variety of different visuals you can do with their menus. It would be good to see the same type of thing for the Telerik menus...

Anyone here have some public facing sites using the Telerik menu that look awesome and would want to show off?
Alex Gyoshev
Telerik team
 answered on 01 Jun 2009
3 answers
172 views
Hello,
At First, I can't get the property value of the externall css file in code behind, so i can't set the value of each item to export PDF.
Second, I wanna export PDF on client-side but how to set Cssclass of the external css file for Grid's Items.

Any suggest to solve these issues.
Thanks and best regards,
Le
Georgi Krustev
Telerik team
 answered on 01 Jun 2009
3 answers
52 views
Hi,

I need  to customize the method to add the path link to the mapped items. Exist some way to add one button at left of path textbox link to open one designer to searching the path in my cms and after return this path in the Textbox space used by the ImageMap.
I searching to be able to map my cms pages in the ImageMap tool.
Other way can be when user click of textbox path open one Radwindow that contains the cms designer used for get paths and when closed return in the textbox the path as text. Some help plz. Regards
Rumen
Telerik team
 answered on 01 Jun 2009
1 answer
95 views
Hi,
After some version you have changed the returned method for all Managers. Only Imagemanager is documented in some posts. Could you explain how to return the "src" of FlashManager in the  txt.value=args.get_value(); I searching the path to the file.
Could you post plz for the tree Managers the method to get the src of file.
 
Thanks 
Rumen
Telerik team
 answered on 01 Jun 2009
6 answers
224 views
Hello,

I have spent quite a few days on this and I couldn't come up with a solution.

I have a grid that has scrolling enabled. Everything works great except that after the last column a sliver of white space is added which causes the page to have a scroll bar which i am trying to avoid. I could create a screen shot - but I don't see an option to attach.

Your help on this will be much appreciated.

Thanks
Bala
BALA MUKUND
Top achievements
Rank 1
 answered on 01 Jun 2009
1 answer
102 views
I used the code in the demo to SaveDockLayout but the 

SaveDockLayout event is fired only if user posted pack the page. Is there any solution to save the dock state from the client(As soon as the user changes the postion of RadDock or collapse/expand)? Dock layout is not saved if user navigate to anothor page.

Best Regards.

Obi-Wan Kenobi
Top achievements
Rank 1
 answered on 01 Jun 2009
3 answers
304 views
I read that Hyperlink/TemplateColumn don´t support SortExpression as "[entity].[propertyNameOfRelatedEntity]". BoundColumn it`s ok.

I found a "temp solution" for sort by field of related entity in TemplateColumn. I use a very simple example scenario: Users and Profiles.

  • Entity USER: ID_USER, NAME_USER; ID_PROFILE.
  • Entity PROFILE: ID_PROFILE, NAME_PROFILE
  • The Grid show: ID_USER, NAME_USER, PROFILE.NAME_PROFILE
  • All grid columns enable sorting.

if grid column of NAME_PROFILE it's GridBoundColumn and the SortExpression is "PROFILE.NAME_PROFILE" sort it's OK, but this column is GridTemplateColumn throw an exception: "PROFILE.NAME_PROFILE" column not found. it's true, entity USER don`t contains "PROFILE.NAME_PROFILE" property. 

A possible solution is flatting the results (use an anonymous type, view with join...)

Well, if you put:
  1. A GridBoundColumn with DataField and SortExpression "PROFILE.NAME_PROFILE" with Visible="false"
  2. A GridTemplate with DataField and SortExpression "PROFILE.NAME_PROFILE" (with Visible="true" :-P)
<telerik:RadGrid ID="rgUsuarios" runat="server"  
        AutoGenerateColumns="false" AllowFilteringByColumn="true" AllowSorting="true" 
        <MasterTableView EditMode="InPlace" CommandItemDisplay="Top" DataKeyNames="ID_USUARIO"
            <Columns> 
                ... 
                ... 
                <telerik:GridBoundColumn DataField="PERFIL.DSC_PERFIL" HeaderText="Perfil" SortExpression="PERFIL.DSC_PERFIL" FilterControlWidth="130px" Visible="false"
                    <HeaderStyle    HorizontalAlign="Center"    Width="150px" /> 
                    <ItemStyle      HorizontalAlign="Center" /> 
                </telerik:GridBoundColumn> 
                <telerik:GridTemplateColumn DataField="PERFIL.DSC_PERFIL" HeaderText="Perfil" SortExpression="PERFIL.DSC_PERFIL" FilterControlWidth="130px"
                    <HeaderStyle    HorizontalAlign="Center"    Width="150px" /> 
                    <ItemStyle      HorizontalAlign="Center" /> 
                    <ItemTemplate> 
                        <asp:Label ID="lblDscPerfil" runat="server" Text='<%# Eval("PERFIL.DSC_PERFIL") %>'  /> 
                    </ItemTemplate> 
                    <EditItemTemplate> 
                        <telerik:RadComboBox ID="rcbPerfil" runat="server" Width="95%" /> 
                    </EditItemTemplate> 
                </telerik:GridTemplateColumn> 
                ... 
                ... 
            </Columns> 
        </MasterTableView> 
    </telerik:RadGrid> 
 
 

The click on TemplateColumn Header sort the grid OK. I don`t know the reason, but run OK. 

Conclusion: Adding an invisible GridBoundColum with same Datafield and SortExpression "simulate" the sorting by related field entity it's ok.

I hope that this "patch" will be useful.
Nikolay Rusev
Telerik team
 answered on 01 Jun 2009
2 answers
91 views
I have tried the on-line skin converter at http://converter.telerik.com/skinconverter/WebBased.aspx as suggested in Tervel Peykov's blog, but the output was exactly the same as my input.  I simply pasted the contents of my .css files into the window and pressed the Run button: was there more to it than that?  (I didn't see any other instructions.)

I am keen to upgrade to 2009 Q1 but obviously cannot do so if it will break my existing skins!  In case anyone can help, the CSS code I was trying to convert is given below.

All advice greatly appreciated,

Ed Graham

P.S.  The ASPX code defining the RadPanelBar in question is:

      <telerik:RadPanelBar ID="rpbLHNav" runat="server" EnableEmbeddedSkins="false" Skin="PSA" ExpandMode="SingleExpandedItem" Width="236px"></telerik:RadPanelBar>

**************************************

CSS code:

/* RadPanelBar PSA skin */

.RadPanelBar_PSA
{
    background: #ffffff;
    white-space: normal;
}

.RadPanelBar_PSA .rpImage
{
    margin: 4px 0px;
}

.RadPanelBar_PSA .rpGroup .rpSelected,
.RadPanelBar_PSA .rpGroup .rpSelected:hover
{
    background: none;
    border-bottom: 0;
}

/* Added by Ed */
.RadPanelBar_PSA .rpGroup .rpSelected .rpText
{
    border: 0;
    border-bottom: solid 1px #accb2d;
    background: #d1e2f1;
    color: #333;
}

.RadPanelBar_PSA .rpGroup .rpExpanded .rpText
{
    color: #000;
    background: #d1e2f1;
}

.RadPanelBar_PSA .rpSelected .rpText
{
    background: #8eadc1 url("/assets/gfx/pageBlocks/blockHomePageDarkBlue_arrow.gif") no-repeat 98% center;
}
/* End of Ed */

.RadPanelBar_PSA .rpExpanded .rpText
{
    background: url('/assets/gfx/Telerik/ExpandedBg.gif') no-repeat 98% center;
    font-weight: bold;
}
/* Added by Ed */
.RadPanelBar_PSA .rpText
{
    padding-left: 14px;
    font-size: 12px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.RadPanelBar_PSA .rpLevel1 .rpText
{
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom-color: #ffffff;
}

.RadPanelBar_PSA .rpLevel2 .rpText
{
    padding-left: 26px;
    line-height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom-color: #ffffff;
}
/* End of Ed */

.RadPanelBar_PSA .rpLevel3 .rpText { padding-left: 48px; }
.RadPanelBar_PSA .rpLevel4 .rpText { padding-left: 60px; }

.RadPanelBar_PSA .rpGroup .rpLink,
.RadPanelBar_PSA .rpGroup .rpLast .rpItem .rpLink,
.RadPanelBar_PSA .rpGroup .rpLink .rpText,
.RadPanelBar_PSA .rpGroup .rpLast .rpItem .rpLink .rpText
{
    border-bottom-width: 1px;
}

.RadPanelBar_PSA .rpGroup .rpLast .rpLink,
.RadPanelBar_PSA .rpGroup .rpLast .rpLast .rpLink,
.RadPanelBar_PSA .rpGroup .rpLast .rpLink .rpText,
.RadPanelBar_PSA .rpGroup .rpLast .rpLast .rpLink .rpText
{
    border-bottom-width: 0;
}

.RadPanelBar_PSA .rpGroup .rpTemplate
{
    font-size: 11px;
    color: #666;
}

.RadPanelBar_PSA .rpGroup .rpText
{
    border: 0;
    background: none;
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

.RadPanelBar_PSA .rpGroup .rpLink
{
    background: none;
    border-bottom: solid 1px #f0f2f3;
}

.RadPanelBar_PSA .rpGroup .rpLink:hover
{
    background: #e7f1ff;
    border-bottom-color: #d8dde0;
}

.RadPanelBar_PSA .rpRootGroup
{
    border: solid 1px;
}

.RadPanelBar_PSA .rpRootGroup .rpDisabled:hover,
.RadPanelBar_PSA .rpRootGroup .rpDisabled .rpText
{
    background: #8eadc1;
    color: #ccc;
    cursor: default;
}

.RadPanelBar_PSA .rpGroup .rpDisabled:hover,
.RadPanelBar_PSA .rpGroup .rpDisabled .rpText
{
    text-decoration: none;
    border-bottom: solid 1px #f0f2f3;
    background: none;
    color: #ccc;
    cursor: default;
}

.RadPanelBar_PSA .rpGroup
{
    overflow-x: hidden;
    overflow-y: auto;
}

.RadPanelBar_PSA .rpRootGroup
{
    border-color: #30678a;
}

.RadPanelBar_PSA .rpText
{
    color: #30678a;
    background: url('/assets/gfx/pageBlocks/blockDarkBlue_Arrow.gif') no-repeat 98% center;
    border-bottom-color: #30678a;
}

.RadPanelBar_PSA .rpLink
{
    background: #b5cbd9;
}

Ed
Top achievements
Rank 1
 answered on 01 Jun 2009
4 answers
167 views
Hi everyone,

I am trying to implement the feature of editing a row in radgrid on doubleclick event.
Everything works fine if i use gridboundcolumns and automatic update.

My problem is when there is a templatecolumn like this
<telerik:RadGrid ID="GridComment" runat="server" DataSourceID = "SqlDataSource1"   
            AutoGenerateColumns="False" AllowAutomaticUpdates ="true" OnItemUpdated="GridComment_ItemUpdated" 
            OnDataBound="GridComment_DataBound" ShowStatusBar="True" ShowFooter ="true">  
        <MasterTableView EditMode ="InPlace" >  
            <Columns>  
                <telerik:GridBoundColumn HeaderText = "Client Sample ID" DataField = "description" ReadOnly="true"/>  
                <telerik:GridBoundColumn HeaderText = "ID" DataField = "sampleid" ReadOnly ="true" ForceExtractValue ="InEditMode"  />  
                <telerik:GridBoundColumn Visible ="false" DataField= "error_id" UniqueName="error_id" ReadOnly ="true" ForceExtractValue ="InEditMode"/>   
                <telerik:GridBoundColumn HeaderText = "SIR" DataField = "error_type" ReadOnly="true"/>  
                <telerik:GridTemplateColumn HeaderText = "Comment" UniqueName="comments">  
                    <EditItemTemplate>  
                        <telerik:RadTextBox ID="EditTxtComment" runat="server" Text='<%# Bind("comments")%>' TextMode="MultiLine">  
                        </telerik:RadTextBox>  
                    </EditItemTemplate>  
                    <ItemTemplate>  
                        <telerik:RadTextBox ID="TxtComment" runat="server" Text='<%# Eval("comments")%>' TextMode="MultiLine" ReadOnly="true" >  
                        </telerik:RadTextBox>     
                    </ItemTemplate>  
                </telerik:GridTemplateColumn>  
                  
            </Columns>  
        </MasterTableView>  
        <ClientSettings>  
                <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" 
                    OnGridCreated="GridCreated" OnCommand="GridCommand" />  
            </ClientSettings>  
 
        </telerik:RadGrid> 


when i double click on the "comment row" the edit form is correctly used but I can't save my change.

When i debug the code i notice that on the click event:
function RowClick(sender, eventArgs) {  
 
                if (editedRow && hasChanges) {  
 
                    hasChanges = false;  
                    if (confirm("Update changes?")) {  
 
                        $find("<%= GridComment.MasterTableView.ClientID %>").updateItem(editedRow);  
                    }  
                }  
            } 
the variable hasChanges is false even if modification where made.
Debuging again i found that during this event:
function GridCreated(sender, eventArgs) {  
                var gridElement = sender.get_element();  
                var elementsToUse = [];  
                  
                inputs = gridElement.getElementsByTagName("input");  
                for (var i = 0; i < inputs.length; i++) {  
                    var lowerType = inputs[i].type.toLowerCase();  
                    if (lowerType == "hidden" || lowerType == "button") {  
                        continue;  
                    }  
 
                    Array.add(elementsToUse, inputs[i]);  
                    inputs[i].onchange = TrackChanges;  
                }  
 
                dropdowns = gridElement.getElementsByTagName("select");  
                for (var i = 0; i < dropdowns.length; i++) {  
                      
                    dropdowns[i].onchange = TrackChanges;  
                      
                }  
 
                setTimeout(function() { if (elementsToUse[0]) elementsToUse[0].focus(); }, 100);  
            } 
my edittemplateitem was not added to "inputs" and thus don't receive the "onchange=TrackChanges".

I think inputs = gridElement.getElementsByTagName("input"); "
doesn't collect my edittemplateitem because it's hidden but i am not sure at all.

Any advice?

thank you
regis
Top achievements
Rank 1
 answered on 01 Jun 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?