Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
199 views

Hi,

I am trying to bind SharePoint 2013 Online calendar list with Kendo UI Scheduler. All the events are getting displayed except recurring events.

Is there any example available to bind SharePoint recurrence events with Kendo UI Scheduler?

I tried to fetch 'RecurrenceData' field using REST and bind it to the recurrenceRule field but it doesn't seem to be working.

 

Thanks,

Shruti

Vladimir Iliev
Telerik team
 answered on 23 Jun 2016
6 answers
280 views
i've been searching for a way to get the Text of my Menu to be in the middle of the Tab. I've found different Forum posts, seemingly about the same thing as me, but they dont seem to work.
here is my code so far

<div style="height:20%;padding-top:50px;">
           <telerik:RadMenu ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server">
              
          <Items>
              <telerik:RadMenuItem text="Messages"></telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Stock"></telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Cash"></telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Staff"></telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Reports"></telerik:RadMenuItem>
              <telerik:RadMenuItem Selected="true" Text="Stock Admin" >
                 <GroupSettings Flow="Vertical" />
                  <Items>
                      <telerik:RadMenuItem Text="Admin"></telerik:RadMenuItem>
                      <telerik:RadMenuItem Text="Stock Admin"></telerik:RadMenuItem>
                  </Items>
              </telerik:RadMenuItem>
          </Items>
      </telerik:RadMenu>
       </div>


/*RadMenu Styles*/
/*This is the new Menu that is on the Header.ascx control*/
 
  
     
     
    .RadMenu_Default .rmGroup .rmLink {
        padding-left: 0px ;      /*these two will give the Sub Menu Items their styling*/
    }
    .RadMenu_Default .rmGroup .rmLink .rmText {
        padding-left: 5px ;      /*these two will give the Sub Menu Items their styling*/
    }
 
    .RadMenu_Default  .rmRootGroup  .rmSelected
    {
        background:#f7931d; /*what happens when the Tab is 'Selected'*/           
      
    }
 
 
    div.RadMenu .rmRootGroup
    {
        /*all the border tags here, remove the black border that went round the entire Menu Control*/
        border-width:0px;    
        border-bottom:5px solid #f7931d;  
              
    }
 
 
 
    div.RadMenu .rmGroup .rmItem .rmText
    {
        text-align:left;       
    }
 
    .RadMenu_Default .rmRootGroup .rmItem .rmText
    {
        text-align:center;
  
        /*the Border tags help to seperate each Root Menu Tab to make it look like its a seperate entity*/
        border-left:solid;          
        border-right:solid;
        border-left-color:white;
        border-right-color:white;                       
         
         
        width:70px; /*width of each Root Menu Items*/
        /*height:35px;    height of each Root Menu Items*/
        height:35px;
        color:#979797; /*colour of the text on Root and Sub Menu Tabs*/
        font-family:Helvetica, Arial, sans-serif;       
    }
  
 
 
    .RadMenu_Default .rmRootLink:hover span.rmText
    {
        /*this sets the text white for the Root Menu Items only, when hovering over the Root Menu Item*/
       color:white
    }
 
    .RadMenu_Default .rmGroup .rmLink:hover span.rmText
    {
        /*This sets the text white when hovering over the Sub Menu Items.*/
        color:white;
         
    }
 
    .RadMenu_Default .rmGroup .rmText
    {
        /*the border and background properties will remove the block on the left side of the Sub Menu Items where an icon would usually be placed.*/
         border: 1px solid #979797 ;
         background: #f0f0f0 ;                      
          
    }
  
    .RadMenu_Default .rmText:hover
    {
        background:#f7931d; /*background of tabs when moused over*/
        cursor: pointer; cursor: hand;
    }
 
    .RadMenu_Default .rmRootGroup
    {
        background: #f0f0f0 /*specify the colour of the Root Tabs. Without doing this, it gives a gradient colour scheme from top to bottom*/    
    }
 
    .RadMenu_Default
    {
        width:598px; /*width of the entire control*/                     
    }
 
/*RadMenu Styles*/


currently, the text in the Tabs (e.g 'Messages','Stock','Staff' etc) are Horizontally align so that they are in the centre of their respective Tabs - but Vertically, they are at the top.
I would like to get it so that the text is slap-bang in the middle, Vertically as well as Horizontally.

Is this possible?
i've attached an image of how my menu looks. i've put black crosses in the places that i would like the text to be. i drew the black crosses free-hand, so their not perfectly central (i would like it to be perfectly central in my Application), but my idea is to give a visual representation of what i'm talking about.


cheers
Magdalena
Telerik team
 answered on 23 Jun 2016
5 answers
172 views
I'm using three RadWindows on a page as simple static containers.

I want all windows to have the rwNormalWindow style at all times. However, when one window has the focus, the others are getting the rwInactiveWindow style that I don't want.

How do I prevent the focus feature from changing the window styles?

Thanks,

Ken
Marin Bratanov
Telerik team
 answered on 23 Jun 2016
2 answers
127 views

Hi

Looking for some direction here:

I have a grid that I bind with data, and I have an imageButton control that I want to use to open a pop up with more data, but I don't want to do another database call, so the data in the pop up must be bound when the grid binds.

Any ideas / examples on how to achieve this.

Andy

 

 

Andy Green
Top achievements
Rank 2
 answered on 23 Jun 2016
6 answers
360 views
Hi,
 I am trying to get the selected row client side on a grid that has grouping enabled.  I have a button in a grid template column that when clicked runs a javascript function that selects the row. 

My problem is if the user has the grid grouped by any items then the row selected is always off by the number of items that the grid is grouped by.

For example , if the user has selected to group the grid by 2 items and I click the button on the first row in the grid, then the row index returned is 2 but the actual row selected is the 4th row.  Using my code below, the alert returns 2 but  the 4th row is changed to yellow.

If I do not have the grid grouped by any items, then the code works fine.
Button

<telerik:GridTemplateColumn UniqueName="gtcEdit" HeaderText="Edit" HeaderStyle-Width="50px" >

<ItemTemplate><telerik:RadButton ID="rbtEdit" runat="server" CommandArgument="edit" ButtonType="StandardButton" AutoPostBack="false" Width="30px" Text="Edit" OnClientClicked="EditRecord" />

</ItemTemplate>

</telerik:GridTemplateColumn>



Below is the JavaScript

function EditRecord(sender, eventArgs) {

var rowIndex = sender.get_element().parentNode.parentNode.rowIndex - 1;

var radGrid = $find('<%=rgvMainGrid.ClientID %>');

var masterTable = radGrid.get_masterTableView();

var selectedRow = masterTable.get_dataItems()[rowIndex];

masterTable.selectItem([rowIndex]);

masterTable.get_dataItems()[rowIndex]._element.style.backgroundColor = "Yellow";

alert('edit ' + rowIndex);
}

How can I adjust for this when the grid is grouped?

Thanks for your help.
Tracy

Eyup
Telerik team
 answered on 23 Jun 2016
1 answer
295 views

Please refer to the attached image of what i hope to achieve with using a radgrid, 

Basically I want to show a list of values underneath the details of the record i'm looking at.
my code is as follows: 

<telerik:RadGrid runat="server" DataSourceID="APPLICATIONS_DATASOURCE" ID="RADGRID1" OnDetailTableDataBind="MYMETHOD">
                <MasterTableView AutoGenerateColumns="false" DataKeyNames="DATA_ID">
                    <DetailTables>
                        <telerik:GridTableView Name="Contacts" DataKeyNames="CONTACT_ID" AutoGenerateColumns="true">
                        </telerik:GridTableView>
                    </DetailTables>
                    <Columns>
                        <telerik:GridBoundColumn DataField="TITLE" HeaderText="Title"></telerik:GridBoundColumn>
                        
                        <telerik:GridBoundColumn DataField="DATA" HeaderText="Data"></telerik:GridBoundColumn>
                        
                        <telerik:GridBoundColumn DataField="DATE" HeaderText="Date"></telerik:GridBoundColumn>
                        
                    </Columns>
                    <NestedViewTemplate>
                        <div class="row">
                            <div class="span11">
                                <h3>
                                    <asp:Literal ID="Literal1" runat="server" Text='<%#eval("TITLE") %>'></asp:Literal>                                            </h3>
                                <h5>
                                    <asp:Literal ID="Literal2" runat="server" Text='<%#eval("OWNER") %>'></asp:Literal>                                            </h5>
                            </div>
                            <div class="span11">
                                <p>
                                    <asp:Literal ID="Literal3" runat="server" Text='<%#eval("ALLDETAILS") %>'></asp:Literal></p>
                            </div>
                            <div class="span11">
                            </div>
                        </div>
                    </NestedViewTemplate>
                </MasterTableView>
            </telerik:RadGrid>

As the DetailsTable has N number of elements, i have it using a generated datatable on bind to fill with data, and the nestedview can be split to a seperate datasource if need be, but currently is using the radgrid datasource (sqldatasource).

Is there a way to accomplish a nestedview AND a detailsTable on the same hierarchical level in a Grid that i might have missed ?

Eyup
Telerik team
 answered on 23 Jun 2016
1 answer
80 views
Hi, 
I have a problem with RadGrid with Persian Language. 
In Persian there is 2 types of first letter like < آ > and < ا >.
The first type < Ø¢ > should be prior when sorting(upper in ascending sort). But in action, < ا > stands upper than < Ø¢ >.
I use Persian_100_CI_AS Collation.
Same query in SQL server returns fine order.
Eyup
Telerik team
 answered on 23 Jun 2016
9 answers
391 views
We are setting the selected menu root from code to help show end users what menu item they are on.
code (code used on all child menus of Parent)

        If Not Page.IsPostBack Then
            Dim rMnu As Telerik.Web.UI.RadMenu
            rMnu = CType(Master.FindControl("FLSRadMenu"), Telerik.Web.UI.RadMenu)
            If Not rMnu Is Nothing Then
                rMnu.Items(1).Selected = True
            End If
        End If

Issue: a user can select another parent (root) menu item and this becomes "selected", when really the meny item set in code is still selected.

I want to be able to disable clicking on all root menu items.

Thanks in advance
Keith
Top achievements
Rank 1
 answered on 22 Jun 2016
2 answers
159 views

I have a RadTextBox field used as a password entry field.  Furthermore, I'm using the built-in password strength indicator for this field as follows:

    PasswordStrengthSettings  ShowIndicator="true"

I need for the strength text to be culturally sensitive but I'm not seeing a Localization attribute to work with.  How can this text be set?

 

Thanks in advance.

Maria Ilieva
Telerik team
 answered on 22 Jun 2016
1 answer
125 views

Hello,

I try to bind an HtmlChart with a Custom List<> of object, like so:

 

--------------------------- C#:

        protected void Page_Load(object sender, EventArgs e)
        {

            RadHtmlChart_LineSeries_Avec_Objet.DataSource = oGetData();
            RadHtmlChart_LineSeries_Avec_Objet.DataBind();

        }

        public class monObjet
        {
            int ID { get; set; }
            decimal ValuePumpA { get; set; }
            decimal ValuePumpB { get; set; }
            decimal ValuePumpC { get; set; }
            decimal ValuePumpD { get; set; }


            public monObjet(int id, decimal VPumpA, decimal VPumpB, decimal VPumpC, decimal VPumpD)
            {
                ID = id;
                ValuePumpA = VPumpA;
                ValuePumpB = VPumpB;
                ValuePumpC = VPumpC;
                ValuePumpD = VPumpD;
            }
        }

        public List<monObjet> oGetData()
        {
            List<monObjet> returnList = new List<monObjet>();
            for (int i = 0; i < 12; i++)
            {
                returnList.Add(new monObjet(i, i+1, i+2, i+3, i+4));
            }
            return returnList;
        }

}

 

--------------------------- ASPX:

               <telerik:RadHtmlChart runat="server" ID="RadHtmlChart_LineSeries_Avec_Objet" Width="1000px" Height="300px" ChartTitle-Text="HtmlChart sur List<objet>">
                    <PlotArea>
                        <Series>
                            <telerik:LineSeries Name="Pump A" DataFieldY="ValuePumpA" ColorField="Yellow" >
                                <LabelsAppearance Visible="false"/>
                            </telerik:LineSeries>


                            <telerik:LineSeries Name="Pump B" DataFieldY="ValuePumpB" ColorField="Green" >
                                <LabelsAppearance Visible="false"/>
                            </telerik:LineSeries>


                            <telerik:LineSeries Name="Pump C" DataFieldY="ValuePumpC" ColorField="Red" >
                                <LabelsAppearance Visible="false"/>
                            </telerik:LineSeries>


                            <telerik:LineSeries Name="Pump D" DataFieldY="ValuePumpD" ColorField="Black">
                                <LineAppearance LineStyle="Smooth" Width="3" />
                                <MarkersAppearance BackgroundColor="Red" MarkersType="Circle" Visible="true"/>
                                <LabelsAppearance Visible="false"></LabelsAppearance>
                            </telerik:LineSeries>
                        </Series>


                        <YAxis>
                            <LabelsAppearance DataFormatString="{0}"></LabelsAppearance>
                        </YAxis>


                        <XAxis>
                            <Items>
                                <telerik:AxisItem LabelText="January"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="Februrary"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="March"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="April"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="May"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="June"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="July"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="August"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="September"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="October"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="November"></telerik:AxisItem>
                                <telerik:AxisItem LabelText="December"></telerik:AxisItem>
                            </Items>
                        </XAxis>
                    </PlotArea>
                    <Legend>
                        <Appearance Visible="true"></Appearance>
                    </Legend>
                </telerik:RadHtmlChart>

 

But that doesn't work.

Why ?

Thanks for your suggestions

 

Pierre
Top achievements
Rank 1
 answered on 22 Jun 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?