Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
270 views
Hi there,

I almost succeeded in styling a RadMenu based on Menu.PNG.
The only thing I am not capable of is setting the borders for the main items (see Menu.PNG).
I have encloded a screen shot of my current styled menu (Test.PNG) and below you will find the css for the TEST.png menu.

Thanx!

Marcel
.RadMenu_Test .rmRootGroup, .RadMenu_Test a.rmLink, .RadMenu_Test .rmGroup .rmText, .RadMenu_Test .rmVertical .rmText, .RadMenu_Test .rmLeftArrow, .RadMenu_Test .rmRightArrow, .RadMenu_Test .rmTopArrow, .RadMenu_Test .rmBottomArrow, .RadMenu_Test .rmIcon {
    background-color: transparent;
}
 
 
div.RadMenu_Test .rmLink .rmText,
div.RadMenu_Test .rmFocused .rmText {
    line-height: 57px;
    color: red;
    font-size: 18px;
    font-weight: Bold;
}
 
 
div.RadMenu_Test .rmSelected .rmText,
div.RadMenu_Test .rmLink:hover .rmText,
div.RadMenu_Test .rmExpanded .rmText {
    color: #555;
}
 
 
div.RadMenu_Test .rmGroup,
div.RadMenu_Test .rmMultiColumn,
div.RadMenu_Test .rmGroup .rmVertical {
    background-color: #FFFFFF;
    border: 1px solid #979797;
}
 
 
div.RadMenu_Test a.rmLink:hover,
div.RadMenu_Test a.rmExpanded {
    background-color: aqua;
    border-radius: 8px 8px 0 0;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    border-top: 1px solid #979797;
}
 
 
div.RadMenu_Test .rmGroup .rmItem .rmLink .rmText {
    color: black;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    background-color: white;
}
 
 
div.RadMenu_Test .rmGroup .rmItem .rmLink:hover {
    background-color: #fff;
    border: 0px;
}

Magdalena
Telerik team
 answered on 02 Mar 2015
3 answers
82 views
Will the toolbar be responsive and/or adaptive any time soon? I see a rendermode property but it does not seem to do anything.

Marty
Ivan Zhekov
Telerik team
 answered on 02 Mar 2015
6 answers
151 views

Hi,

When i select a particular item in the listbox, i want to check for a condition  and display a message to the user. I could display a message but the item is not displaying in the destination listbox. Why are the selected items not displaying in destination list box?



C# code:
protected void rlbClntService_Transferring(object sender, RadListBoxTransferringEventArgs e)
{
 
            string hHold = Uc_Client.Clients.SelectedValue;
            double pLevel, eligibility;
            string sItem;
             
            pLevel = objBLLClntServ.GetClientPLevel(hHold);
            sItem = rlbClntService.SelectedItem.Value;
            eligibility = objBLLClntServ.GetEForSelectedItem(sItem);
            if (pLevel > eligibility)
            {
                 
                //ScriptManager.RegisterStartupScript(this, GetType(), "showalert", "alert('Client is not eligible.');", true);
                lblWarning.Text = "This client not eligible. ";
                mpuWarning.Show();
                 
            }
            
}
 
ASPX:
 
<table>
                                                <tr>
                                                    <td>
                                                        <telerik:RadListBox ID="rlbClntService" runat="server" AllowTransfer="True" AllowTransferDuplicates="false" AutoPostBack="true"
                                                            AllowTransferOnDoubleClick="True" AutoPostBackOnTransfer="true" EnableDragAndDrop="true"
                                                            Height="130px" Skin="Forest" TransferToID="rlbSelectedServices" Width="400px" OnTransferring="rlbClntService_Transferring">
                                                            <ButtonSettings ShowReorder="false" ShowTransferAll="false" />
                                                        </telerik:RadListBox>
                                                    </td>
                                                    <td>
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <asp:Label ID="lblSelectedServices" runat="server" CssClass="label" Text="Selected Services" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <telerik:RadListBox ID="rlbSelectedServices" runat="server" AllowDelete="true" Height="110px"
                                                                        Skin="Forest" Width="400px">
                                                                        <ButtonSettings ShowDelete="true" TransferButtons="All"  />
                                                                    </telerik:RadListBox>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
Hristo Valyavicharski
Telerik team
 answered on 02 Mar 2015
1 answer
133 views
Is there a way to hide the Time column in the Agenda view? Or to customize the time display? I saw one example that shows only the start time or "All day" but couldn't find the code for that.

Thanks for your help.

Tri
Plamen
Telerik team
 answered on 02 Mar 2015
1 answer
277 views
Hello,

Is there a way to hide the Time column in Agenda view? Or, can I customize the Start time & End time? I saw on one example, in the Time column, only the Start time shows, or "All days", but I couldn't find the code for it. I am using version 2013.3.1114.40.

Thanks for your help.

Tri
Plamen
Telerik team
 answered on 02 Mar 2015
11 answers
253 views
Hello,

I am useing telerik version 2014.3.1209.40. I use radcombox with checkbox features.

<telerik:RadComboBox ID="MultiCheckComboLocation" runat="server" CheckBoxes="true" Width="80%" ZIndex="1000000" OnSelectedIndexChanged="MultiCheckComboLocation_SelectedIndexChanged" ShowMoreResultsBox="true" AutoPostBack="true" OnClientBlur="IsCheckAllSelected" EnableVirtualScrolling="true" CheckedItemsTexts="DisplayAllInInput" EnableCheckAllItemsCheckBox="true" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False">
</telerik:RadComboBox>

But when I tick the checkbox, the checked item did not appear in combo text field. Also when I click checkall checkbox, nothing happened. It is working fine Google Chrome. But not working on both ie 11 and firefox 34.0.5. 

And combox not show data when I use itemsrequested event to bind data.

<telerik:RadComboBox ID="cboEmployee2" EmptyMessage="Select Employee ID or Name" Width="250px" CheckBoxes="true" Skin="Default" EnableLoadOnDemand="True" ShowMoreResultsBox="false"  ForeColor="Black" EnableVirtualScrolling="true" Font-Size="12px" OnClientItemChecked="OnClientItemCheckedEmp2" OnClientDropDownClosed="OnClientSelectedIndexChangedEmp2" AutoPostBack="false"  runat="server" OnItemsRequested="cboEmp2_ItemsRequested" EnableCheckAllItemsCheckBox="true" OnClientLoad="OnClientLoad2" ZIndex="1000000" OnClientBlur="IsCheckAllSelected2" ShowToggleImage="false" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False">
</telerik:RadComboBox>


It fired itemsrequested event and I got data and it binds to the control. But after everything finished, the combox only show the word measuring item. I attached the picture for it. 

Kindly help me on this issues. Thanks in advance.

Best regards,
Ei Wai
Ei Wai
Top achievements
Rank 1
 answered on 02 Mar 2015
1 answer
205 views
I followed this example to setup custom filtering in the Rad Grid: http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/filter-templates/defaultcs.aspx

This works, however when I pick an option it fails with this error:

0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'getElementsByClassName': object is null or undefined

The code (inside the filter as per the sample):

<telerik:GridBoundColumn UniqueName="Division" HeaderText="Division" DataField="Division.Division1" SortExpression="Division.Division1" AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" ShowFilterIcon="true" ReadOnly="true">
                        <FilterTemplate>
                            <telerik:RadComboBox ID="RadComboBoxTitle" DataSourceID="edsDivision" DataValueField="DivisionID" DataTextField="Division1"
                                Height="200px" AppendDataBoundItems="true" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("Division").CurrentFilterValue %>'
                                runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">
                                <Items>
                                    <telerik:RadComboBoxItem Text="All" />
                                </Items>
                            </telerik:RadComboBox>
                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                                <script type="text/javascript">
                                    function TitleIndexChanged(sender, args) {
                                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                        tableView.filter("DivisionID", args.get_item().get_value(), "EqualTo");
                                    }
                                </script>
                            </telerik:RadScriptBlock>
                        </FilterTemplate>
                    </telerik:GridBoundColumn>

Division ID is a Foreign Key on the main table I'm using...

<asp:EntityDataSource ID="edsDivision" runat="server" ConnectionString="name=ERPEntities" DefaultContainerName="ERPEntities"
            EntitySetName="Divisions" EntityTypeFilter="Division" OrderBy="it.Division1"
            EnableInsert="false" EnableUpdate="false" EnableDelete="false">
        </asp:EntityDataSource>



args.get_item().get_value() = 3 in my example.



Line 476 of the Dynamic Javascipt is where it fails:

},getElementByClassName:function(d,c,g){if(d.getElementsByClassName){return d.getElementsByClassName(c)[0];

We are using IE9 in Standard IE9 mode.
Chrome and Firefox fail silently while Firefox reports a "TypeError: d is null"

How do I fix? 

Peter
Top achievements
Rank 1
 answered on 02 Mar 2015
1 answer
101 views
Hi, 

I am using grid in ajax mode, and I added an custom command, which calls javascript function on click.

The javascript function calls server side via ajax and update the data.
I have also change the front end value by using set.

Problem is, once I click the edit button(along side the custom command), the front end value changes back.

Also, any cancel change call revert the front end to old value, even that is triggered by different row.

How to commit changes so front end change sustain?

There must be a way, since all those build in command, like edit, delete, once server side returns json successfully, the change sustains.

Thanks

Konstantin Dikov
Telerik team
 answered on 01 Mar 2015
1 answer
25 views
Hi, 

I added a custom command along side with the standard edit button.

The command calls a javascript, which makes ajax call to do some update.

To keep front end consistent with backend, I also use 'set' method to change front end value.

However, once I click edit, the front end change back to old value.

Any way to sustain the change? 

Thanks
Konstantin Dikov
Telerik team
 answered on 01 Mar 2015
4 answers
195 views
Hi,
Our user base requires single column grids for data entry purposes. The requirement is that once they click the first row in the radgrid, they can type in the value, hit enter, and focus moves to the next cell (in this case, the next row because there is only one cell per row), where the cell is then automatically in edit mode and the user can start typing it's value... they hit enter, it moves focus to the next row, etc. They need to be able to use the enter key for this functionality, not the tab key. I've seen some excel-like controls out there that may do this, but we have spent the money on this suite already and I am hopeful that you can provide me the needed guidance.
I have already written code to save changes once all of the client side data has been entered. This is a master-content page setup.

Thanks
​
Konstantin Dikov
Telerik team
 answered on 01 Mar 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?