Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
33 views
hi,
in the following code, i'm unable to select the flash player which is within the RadPage.
the interesting thing however is if i place a opened ended Div, before the RadajaxPanel, it works to allow me to select the flash player.
how it is suppose to behave is when i click on the flash, i can drag the image inside around as the image scrolls within the flash player.

any ideas?

code here:

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel3" LoadingPanelID="RadAjaxLoadingPanel1"
OnAjaxRequest="refreshViewer" CssClass="ViewArea" RenderMode="Inline">
               
     <telerik:RadMultiPage runat="server" ID="RadMultiPage1" RenderSelectedPageOnly="true" CssClass="">
                       
           <telerik:RadPageView ID="viewView" runat="server" Selected="true" CssClass="">
                      <telerik:RadMultiPage runat="server" ID="views" RenderSelectedPageOnly="true" CssClass="">
                              <telerik:RadPageView ID="viewViewer" runat="server" CssClass="">
                                        <telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">

                                            <script language="javascript" type="text/javascript">

                                                    function showDocument() {
                                                   var flashvars = Flash stuff here......

                                            <div id="documentViewer" style="visibility: hidden;" class="">
                                                Flash is not installed...
                                            </div>
                                       
                                    </telerik:RadPageView>
                                  
                                </telerik:RadMultiPage>
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
 </telerik:RadAjaxPanel>
          
                        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007"
                            IsSticky="true" InitialDelayTime="0" MinDisplayTime="10" CssClass="fillParent" /
Dimitar Terziev
Telerik team
 answered on 30 Mar 2012
2 answers
223 views
Hi, 

I am trying to get the value for the currently selected item when the SelectedIndexChanged event is fired. Currently, The SelectedValue is "" and the SelectedIndex is -1.  The text is not always unique (due to backwards compatibility) so this cannot be used reliably.  There is also no useable information in the event object.

What gives?  How am i supposed to use auto complete and get the selected value?  Also, the whole point of this is for the user to not have to click a button to submit it.

As a side note i am quite surprised there is no SelectedValueChanged event (but this is an aside).

<telerik:RadComboBox
    ID="comboBoxGroupSelection"
    runat="server"
    EmptyMessage="Search for a group"
    MarkFirstMatch="True"
    AllowCustomText="False"
    MaxHeight="300"
     OnSelectedIndexChanged="comboBoxGroupSelection_SelectedIndexChanged"
    AutoPostBack="True"> </telerik:RadComboBox>

Private Sub bindGroups()
 
        Dim Group As New Groups
 
        Dim resultSet As DataSet = Group.GetItems(xmlFile.DBConnect)
        Dim resultView As DataView = resultSet.Tables(0).AsDataView()
        resultView.Sort = "createdDt desc"
        comboBoxGroupSelection.DataValueField = "id"
        comboBoxGroupSelection.DataTextField = "name"
        comboBoxGroupSelection.DataSource = Group.GetItems(xmlFile.DBConnect)
        comboBoxGroupSelection.DataBind()
 
 
    End Sub
 
    Protected Sub comboBoxGroupSelection_SelectedIndexChanged(ByVal Sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs)
 
 
       AddGroup(**SELECTEDVALUEHERE**)
 
    End Sub
Ivana
Telerik team
 answered on 30 Mar 2012
1 answer
52 views

 

 

 

<telerik:GridRatingColumn HeaderText="Completion Status" DataField="CompletionStatus" UniqueName="CompletionStatus" AllowFiltering="false" ItemCount="10" Precision="Exact" ReadOnly="true" >
</telerik:GridRatingColumn>

In the ItemDataBound event's method, I do the following...

 

double ratio = (totalCount - unapprovedCount) / totalCount;
  
 
  
rating.ItemCount = 10;
  
rating.Value = (decimal)Math.Round(ratio * 10, 1);
  
rating.ToolTip = Math.Round(ratio * 100, 0).ToString() + "%";

 

 

I just want the tooltip to say 18% if the ratio is 2/11.  It says 1.8.

Any ideas?

 

Andrey
Telerik team
 answered on 30 Mar 2012
3 answers
105 views
Hi,
i have used Splitter control in a aspx page. and aspx page hosted with in the i frame.
when i run the app then scroll appear in iframe, while i have divided Red pane in two part
75% and 25%, but scroll appear why does scroll come in iframe?
i have seen that RedPane auto generate pane width in pixals , that may be issue, i am not sure but can any one help me?
CSS Used:

 .divRow
    {
      width: 99%;
      padding: 10px;
      display: block;
    }
    .divColumnLeft
    {
      float: left;
      margin: 2px;
    }
    .divColumnRight
    {
      float: right;
      margin: 2px;
    }
    label
    {
      vertical-align: middle;
    }
    .inutTextCtrl
    {
      width: 95%;
    }
    .panelHeight
    {
      min-height: 500px;
      height: 100%;
    }
    .splitterBarWidth
    {
      width: 1%;
      min-width: 4px;
    }

Parent aspx page:
 <div style="width: 100%; overflow: hidden;">
    <div class="divColumnLeft" style="width: 12%; float: left; height: 100%;">
      <asp:Menu ID="tabsMenu" runat="server" Orientation="Vertical" StaticEnableDefaultPopOutImage="False"
        CssClass="vTabMenu" DynamicSelectedStyle-CssClass="vTabActiveStyle" OnMenuItemClick="Menu1_MenuItemClick"
        StaticMenuItemStyle-CssClass="vTabInActiveStyle">
        <Items>
          <asp:MenuItem Text="My List" Value="0" />
          <asp:MenuItem Text="My Info" Value="1" Selected="true" />
        </Items>
      </asp:Menu>
    </div>
    <div class="divColumnLeft" style="width: 88%; float: right; min-height: 510px;">
      <iframe id="iFrameIssueTracker" runat="server" clientidmode="Static" width="100%;"
        height="510" src="MyMaster.aspx"></iframe>
    </div>
  </div>

Child Page MyMaster.aspx


<div style="width: 100%; height: 100%; min-height: 550px;">
    <div style="width: 100%;">
      <h4>
        List
      </h4>
    </div>
    <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Vertical" Width="100%"
      Height="100%">
      <telerik:RadPane ID="RadPane2" CssClass="panelHeight" MinWidth="550" runat="server"
        Width="65%">
        <div style="width: 96%; overflow: hidden;">
          <div class="divRow">
            <div class="divColumnLeft" style="width: 8%;">
              <label>
                Project</label>
            </div>
            <div class="divColumnLeft" style="width: 34%;">
              <asp:DropDownList ID="PListVal" CssClass="inutTextCtrl" runat="server">
                <asp:ListItem Text="First" />
                <asp:ListItem Text="Second" />
              </asp:DropDownList>
            </div>
            <div class="divColumnLeft" style="width: 17%;">
              <asp:DropDownList ID="ByVal" CssClass="inutTextCtrl" runat="server">
                <asp:ListItem Text="To" />
                <asp:ListItem Text="By" />
              </asp:DropDownList>
            </div>
            <div class="divColumnLeft" style="width: 31%;">
              <asp:DropDownList ID="ListVal" Width="100%" runat="server">
                <asp:ListItem Text="User" />
                <asp:ListItem Text="gned" />
              </asp:DropDownList>
            </div>
            <div style="min-width: 5%;" class="divColumnRight">
              <asp:Button ID="btnS" Text="Go"  runat="server" />
            </div>
          </div>
          <div class="divRow">
            <div style="width: 8%;" class="divColumnLeft">
              <label>
                Action</label>
            </div>
            <div style="width: 34%;" class="divColumnLeft">
              <asp:DropDownList ID="ActionListVal" runat="server" CssClass="inutTextCtrl">
                <asp:ListItem Text="Choose Action for this itesss..." />              
              </asp:DropDownList>
            </div>
            <div style="width: 17%;" class="divColumnLeft">
              <div style="display: inline-block;">
                <div class="truncate-name">
                  <asp:Button ID="btnA" runat="server" Text="Go" /></div>
                <label>
                  Filter</label>
              </div>
            </div>
            <div style="width: 31%;" class="divColumnLeft">
              <asp:TextBox ID="txtVal" runat="server" Width="100%" />
            </div>
            <div style="min-width: 5%;" class="divColumnRight">
              <asp:Button ID="Button1" Text="Go"  runat="server" /></div>
          </div>
        </div>
        <telerik:RadGrid ID="ListRadGrid" AutoGenerateColumns="false" AllowPaging="True"
          AllowSorting="True" runat="server" ShowGroupPanel="true" BorderStyle="Solid">
          <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" Height="100%" />
          <GroupingSettings CaseSensitive="false" />
          <MasterTableView TableLayout="Fixed">
            <Columns>
              <telerik:GridTemplateColumn HeaderStyle-Width="50" HeaderStyle-HorizontalAlign="Center"
                ItemStyle-HorizontalAlign="Center">
                <ItemTemplate>
                  <asp:CheckBox ID="chkRedCheckBox" runat="server" ClientIDMode="Static" />
                </ItemTemplate>
                <HeaderTemplate>
                  <asp:CheckBox ID="RedCheckBoxHeader" runat="server" ClientIDMode="Static" />
                </HeaderTemplate>
              </telerik:GridTemplateColumn>
              <telerik:GridBoundColumn Resizable="true" HeaderText="ID1" DataField="Row1"
                UniqueName="Row1" SortExpression="Row1" HeaderStyle-Width="60px" FilterControlWidth="30px"
                AutoPostBackOnFilter="true" CurrentFilterFunction="equalto" ShowFilterIcon="false" />
              <telerik:GridBoundColumn Resizable="true" HeaderText="E" DataField="E" UniqueName="E"
                AllowSorting="false" HeaderStyle-Width="50px" ShowFilterIcon="false" />
              <telerik:GridHyperLinkColumn Resizable="true" HeaderText="Attach" DataTextField="Attach"
                UniqueName="Attach" HeaderStyle-Width="100" NavigateUrl="#" ItemStyle-Wrap="false" />
              <telerik:GridHyperLinkColumn Resizable="true" DataTextField="Desc" NavigateUrl="#"
                HeaderText="Desc" HeaderStyle-Width="180" ItemStyle-Wrap="false" />
              <telerik:GridBoundColumn Resizable="true" HeaderText="Pr1" DataField="Pr1"
                UniqueName="Pr1" ItemStyle-Wrap="false" SortExpression="Pr1" FilterControlWidth="80px"
                HeaderStyle-Width="120px" />
              <telerik:GridBoundColumn Resizable="true" HeaderText="A1" DataField="A1" UniqueName="A1"
                SortExpression="A1" FilterControlWidth="80px" HeaderStyle-Width="60px" />
              <telerik:GridBoundColumn ItemStyle-Wrap="false" Resizable="true" HeaderText="To"
                DataField="AssignTo" UniqueName="To" SortExpression="To" FilterControlWidth="120px" />
              <telerik:GridBoundColumn HeaderText="Id" Resizable="true" DataField="Id" UniqueName="Id"
                 FilterControlWidth="80px" Visible="false" HeaderStyle-Width="120px" />
            </Columns>
          </MasterTableView>
          <ClientSettings>
            <Resizing AllowRowResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="false"
              AllowColumnResize="True"></Resizing>
          </ClientSettings>
        </telerik:RadGrid>
        <div style="width: 95%;">
          <div class="divRow">
            <div style="width: 8%;" class="divColumnLeft">
              <label>
                Action</label>
            </div>
            <div style="width: 34%;" class="divColumnLeft">
              <asp:DropDownList ID="DropDownList1" runat="server" CssClass="inutTextCtrl">
                <asp:ListItem Text="Choose Action for 234344..." />
              </asp:DropDownList>
            </div>
            <div style="width: 17%;" class="divColumnLeft">
              <div style="display: inline-block;">
                <div class="truncate-name">
                  <asp:Button ID="Button2" runat="server" Text="Go" /></div>
                <label>
                  Filter</label>
              </div>
            </div>
            <div style="width: 31%;" class="divColumnLeft">
              <asp:TextBox ID="TextBox1" runat="server" Width="100%" />
            </div>
            <div style="min-width: 5%;" class="divColumnRight">
              <asp:Button ID="Button3" runat="server" />
            </div>
          </div>
        </div>
      </telerik:RadPane>
      <telerik:RadSplitBar ID="RadSplitBar3" CssClass="splitterBarWidth" CollapseMode="Backward"
        runat="server" />
      <telerik:RadPane ID="RadPane3" runat="server" Collapsed="true" CssClass="panelHeight"
        MaxWidth="255" Width="34%">
        <div style="padding-top: 62px; height: 100%;">
          <asp:Chart ID="Chart2" runat="server" BorderlineColor="#B3AEB3" BorderlineDashStyle="Solid"
            BackColor="#EAEAEA" Width="250px" Height="393px">
            <Titles>
              <asp:Title Name="Title1" Text="My ABS Alignment="TopCenter" Font="Verdana, 12pt, style=Bold">
              </asp:Title>
            </Titles>
            <Series>
              <asp:Series Name="Series1" CustomProperties="DrawingStyle=Pie,
                                 PieDrawingStyle=Concave, MaxPixelPointWidth=50" ShadowOffset="2"
                ChartType="Pie" IsValueShownAsLabel="True">
              </asp:Series>
            </Series>
            <ChartAreas>
              <asp:ChartArea Name="ChartArea1" BorderDashStyle="NotSet" BackColor="#EAEAEA">
                <AxisX>
                  <MajorGrid Enabled="False" />
                </AxisX>
              </asp:ChartArea>
            </ChartAreas>
          </asp:Chart>
          <div style="padding-top: 7px;">
            <div class="divColumnLeft">
              <asp:Button ID="btnLessTenDays" runat="server" Text="< 1B Desc" />
            </div>
            <div class="divColumnLeft">
              <asp:Button ID="btnTenToTwentyDays"  runat="server" Text="ABSD Dsds" />
            </div>
            <div class="divColumnLeft">
              <asp:Button ID="btnGreaterTwentyDays"  runat="server" Text="A My Iiii />
            </div>
          </div>
        </div>
      </telerik:RadPane>
    </telerik:RadSplitter>
  </div>

Dobromir
Telerik team
 answered on 30 Mar 2012
7 answers
132 views
I use Custom provider. 

Step to reproduce:
Create folder with name like: !@#$%^&&&^*()_+~|":}{?><,./;'[]\=-0987654321`

after clicking on that folder i get an error: 
Callback Loading error: ...Should be like in demo: invalid

should be like in demo: alert with text.
Dobromir
Telerik team
 answered on 30 Mar 2012
10 answers
334 views

I'm having a problem with combobox doing an AutoComplete (ie markfirstmatch="true") when the cases don't match, and there are similar selection values.  For example:

<telerik:RadComboBox ID="RadComboBox1" runat="server" AllowCustomText="True"
    MarkFirstMatch="True">
    <Items>
        <telerik:RadComboBoxItem runat="server" />
        <telerik:RadComboBoxItem Text="PAY" Value="PAY" />
        <telerik:RadComboBoxItem Text="PAYB" Value="PAYB" />
    </Items>
</telerik:RadComboBox>
<asp:Button ID="Postback" runat="server" Text="Post" OnClick="Postback_Click" />
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

 

 

 

protected void Postback_Click(object sender, EventArgs e)

 

 

{

 

Label1.Text = RadComboBox1.Text;

 

}

 

 

When tabbing into the field (not clicking) so that the drop down does not open up, you try to type "PAYB", but in lower case.  As you type, the box starts to find "PAY", but then when you type the last "b", the result is "PAYb".  It does not find PAYB as expected.

What's even more concerning is that tabbing out and posting back, the combobox's text property is set to "PAY". (See screenshot attachments).


I've tried some possible solutions.  I've tried using the Filter property.  That works well when the drop down is opened, but when it is closed (ie tabbed into the field), you lose the AutoComplete functionality.

Is this solvable without using some javascript?  If not, would doing some javascript to change lowercase to uppercase as the user types work?  I'm not very well versed with javascript, so I don't know how that would look.

Thanks for the help!

Dimitar Terziev
Telerik team
 answered on 30 Mar 2012
3 answers
145 views
Please i have this on my page

add assembly="Telerik.Web.Design, Version=2012.1.215.35, Culture=neutral, PublicKeyToken=121FAE78165BA3D4"/>

the work is runnind fine on my system but when i build the aplication and install it on another laptop, the page will not be the same; the muilti page will split with part of its data many pixels down the page and the controls will be in different locations and will not be working, textbox with distorted width and not working.
I have also made sure my css file is working but the problem i have occurs only with the RadControls.

Please i will appreciate if you help me find an answer to this.
Thanks so much

Francis
Rumen
Telerik team
 answered on 30 Mar 2012
1 answer
109 views
Hi,

We use the RadSplitter to manage our two RadPanes.
Now, the RadSplitbar button position depends on the height of the panes.

Is there a way to define the position of the button ? (for example, I want to display the button at 50px from the top of the splitbar).

Thank you.
Best regards,
Jérôme
Princy
Top achievements
Rank 2
 answered on 30 Mar 2012
1 answer
76 views
All,

I have 2 rad list boxes working in tandem (boxA, boxB)... and I have some list items that are mandatory selections that must always remain in boxB and never be removed.

On the server side I populate boxA and then automatically add mandatory list items in boxB.

Next, I prevent users from transfering a mandatory item from boxB back to boxA via client side code.
I have devised a way to enforce this functionality (using OnClientTransferring ) for a single transfer from boxB to boxA, but I am not sure how to approach enforcing this for a "Transfer All" / "All to Left" transfer.  Please see attached.

If someone could provide some direction here it would be appreciated.

Thanks,
Jai


Peter Filipov
Telerik team
 answered on 30 Mar 2012
3 answers
126 views
Is there a way using OData binding to sort the results or to limit the columns to only the data value and data text fields?

<telerik:RadComboBox ID="cmbApplication" runat="server" EnableLoadOnDemand="true">
    <WebServiceSettings Path="http://localhost:26022/DataService.svc/">
            <ODataSettings ResponseType="JSONP">
                    <Entities>
                            <telerik:ODataEntityType Name="Application" DataValueField="ApplicationID" DataTextField="AppName" />
                     </Entities>
                      <EntityContainer>
                              <telerik:ODataEntitySet EntityType="Application" Name="Application" />
                      </EntityContainer>
               </ODataSettings>
     </WebServiceSettings>
</telerik:RadComboBox>
Dimitar Terziev
Telerik team
 answered on 30 Mar 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?