Hi

How to work with model boxes i have radbutton when i click on button open model box , click again button if model box is open close that else open model box .

find the attachments have better idea what exact scenarios i want any suggestions.

Thanks,

SR.

 

We have to use RadToolTipManager for RadGrid control,

We observed that tooltip seems to be working for IE10 although not working in MS Edge browser.

Please note the below specified version as we have with us:

Telerik.Web.UI.dll (2014.1.403.35)

Respective screenshots have been attached herewith for your reference.

Look forward to hearing back from your support at the earliest.

 

Hi

I have a radbutton when i click button open radwindow under the button i have done this using open element id of OpenerElementID set the properties as left=1100px and top=40px window opens exact position but when i zoom out and zoom in the browser percentage window position is not related to button .

any suggestions find the attachment.

Thks.

SR.

 

 

 

Hello,

I was wondering is there a way to highlight the column that the grid is currently being filtered on?



Similar to what we have for sorting:
 
 

Thanks,

Sadiq N.

I'm trying to export a radgrid to a pdf with pictures that are embedded inside of it.  I currently have a radgrid, and one of the columns is using a grid template column with a radlistview control, and a binary image control inside of that.  Everything renders ok, but the pdfexport won't seem to export images.  My goal with the grid template column is to load a list of photo's in each cell, but also be able to export this to a pdf.

 

 

I have a telerik:RadTreeNodeBinding within a telerik:RadComboBox.

Is there a way to format the parent node in bold text of a databound radtreeview?

Thanks,

Roger

 

 

On my site, from the main page a user will click and a RadWindow will open (set a Modal), and when the user clicks in the window, a second RadWindow opens (contained in the first RadWindow, and also a Modal).  From this second window, if a user clicks one of three buttons, there should be a confirmation dialog (handled through a radconfirm dialog).  Unfortunately, the dialog is not shown (it's probably hidden behind one of the two RadWindows).  I tried playing with the z-indexes but can't figure out how to get the confirmation dialog to be shown.  How can I get my confirmation dialog to be the top-most window?

Is it possible to get a DatePicker as the editor when doing client-side batch editing? I've tried:

 and

<telerik:GridTemplateColumn HeaderText="1st Pmt. Due" UniqueName="FirstPaymentDate" DataType="System.DateTime" HeaderStyle-Width="100px" ItemStyle-Width="100px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AllowSorting="false"><br>                                <ItemTemplate><br>                                    <asp:Label runat="server" ID="date"Text='<%# Eval("FirstPaymentDate") %>'><br>                                    </asp:Label><br>                                </ItemTemplate><br>                                <EditItemTemplate><br>                                    <telerik:RadDateTimePicker ID="picker1" runat="server" DbSelectedDate='<%# Bind("date") %>'><br>                                    </telerik:RadDateTimePicker><br>                                </EditItemTemplate><br>                            </telerik:GridTemplateColumn>

 and in neither case do I get a DatePicker control when I click to enter edit mode.

I've searched extensively and haven't been able to find an example that does this. Is it possible? Can someone provide or point me to an example?​

I make a form in Wordpress Template that makes certain calculation and displays the result in a modal Bootstrap.

HTML:
 

     //FORM
    <form method="post" id="myForm">   
     <span>Name</span><br><input type="text" name="name" id="name" required>

     <span>Email</span><br>
     <input type="email" name="email"  id="email" required>

     <span>Altura</span><br>
     <input type="number" name="altura" id="altura" required>
       
    <span>Peso</span><br>
    <input type="number" name="peso" id="peso" required>
       <br><br>

    <button type="submit" id="enviar" onclick="calcularIMC();">Enviar</button>

     //MODAL
    <div class="modal fade" id="ajax-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
       <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div id="corpo_modal">
                      <p> ALL FIELDS </p>
             </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
       </div>
      </div>
    </div>

JAVASCRIPT:

    function calcularIMC(){  
    var nome = document.getElementById("nome").value; 
    var email = document.getElementById("email").value; 
    var estilo = document.getElementById("estilo").value; 
    var experiencia = document.getElementById("experiencia").value; 
    var altura = document.getElementById("altura").value; 
    var peso = document.getElementById("peso").value;  
    var resultado = 5;
    
    var corpo = document.getElementById("corpo_modal");
    
    
    var imc = 0;
    if(altura >0 && peso >0){
      imc = peso / (altura * altura);
    }
    
    
     if(estilo == "Surf"){            
             if((imc<=25) && (resultado == 5)){          
              corpo.innerHTML = '<img src="1.png" style="width: 150px; height:150px">';
            }
          else{         
             corpo.innerHTML = '<img src="2.png" style="width: 150px; height:150px">';
              }
         } 
    
    
      else if(estilo == "SUP"){  
    
            if((experiencia >= 3) && (imc <=29)){
              corpo.innerHTML = '<img src="3.png" style="width: 150px; height:150px">';
            } else{
              corpo.innerHTML = '<img src="4.png" style="width: 150px; height:150px">';
            }                       
         }
    }

The problem is that when I send the form, it updates the page and does not display the modal.<br>
After some research, I found that to solve this problem I will need to use Ajax - jQuery.ajax.

I found this code:

    $(function() {
      $('form#myForm').on('submit', function(e) {
          $.post('', $(this).serialize(), function (data) {
              // This is executed when the call to mail.php was succesful.
              // 'data' contains the response from the request
          }).error(function() {
              // This is executed when the call to mail.php failed.
          });
          e.preventDefault();
      });
    });

When I create a form in a SEPARATE page without putting in wordpress template, it works. But when I put the code in wordpress template it updates the page after 3 seconds.

I also discovered that I can use a native function `ajax` in `jquery`, the function `$.ajax();` and inside of oneself I use tags like `url`, `type`, `data` and so on. I'm a beginner in Ajax and I'm lost on how to do this.

> Why the function `e.preventDefaul();` not works when I put in wordpress template?? It's possible make it work in wordpress template?

or

> How I can use the `$.ajax()` to solve this problem??

I want send the form without refresh the page! 

Is there an easy way to repeat headers for each record in a radgrid master/detail table?

In records with a lot of children, the headers can scroll off the screen, and then the user has to scroll up and down to read the headers. It would be nice if there were a way to automatically repeat the header each time you write a new MasterHeader, for instance, since RadGrid doesn't have a "freeze" feature where the headers will remain frozen at the top of the screen while the user scrolls down.

Is there an easy way to do this?