[CLOSED] Form status bar without valid icon

  1. #1

    [CLOSED] Form status bar without valid icon

    <%@ Page Language="C#" %>
     <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
     
    
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Custom GrdFilters - Ext.NET Examples</title>
     
        <script type="text/javascript">
            var myValidateRecord = function(record) {
                var filterValue = this.getValue();
                if (filterValue.length == 0) {
                    return true;
                }
                if (!this.filteredRecords) {
                    this.filteredRecords = Store2.query('name', filterValue, true, false);
                }
                var code = record.get(this.dataIndex),
                    index = this.filteredRecords.findIndexBy(
                    function(record) {
                        alert("rr" + record.get('code'));
                        return record && (code == record.get('code'));
                    }
                );
    
               
               
                return index != -1;
            }
        </script>
     
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
       
       
         <ext:FormPanel 
                        ID="FormPanel1" 
                        runat="server" 
                        Region="East"
                        Width="400"                    
                        AutoScroll="true"
                        Split="true"
                        MonitorPoll="200" 
                        MonitorValid="true" 
                        Margins="0 0 5 5"
                        BodyStyle="background-color:#DFE8F6; padding:10px; border: 1px solid #99bbe8;"                    
                        Frame="true" 
                        Title="Dettaglio Flotta"                   
                        Icon="Lock"
                        DefaultAnchor="98%">
                        <TopBar>
                        <ext:Toolbar ID="StatusBar1"  HideMode="Visibility" runat="server" Flat="true" ClassicButtonStyle="false" Height="28" Cls="mia" EnableOverflow="true">
                            <Items>
                                 <ext:ToolbarFill />                          
                                  <ext:Button ID="Button2" Icon="ApplicationFormAdd" runat="server" Text="Duplica" Hidden="true"  Width="80">
                                  <Listeners>
                                  <Click Handler="#{FormPanel1}.setIconClass('icon-noteadd');" />
                                  </Listeners>
                                  </ext:Button>                                         
                                       
                                       <ext:Button ID="ButtonUndo" Icon="ArrowUndo" runat="server" Text="Annulla" Hidden="true"  Width="80">
                                     <Listeners>
                                        <Click Handler="#{FormPanel1}.getForm().updateRecord(#{GridPanel1}.getSelectionModel().getSelected());" />
                                    </Listeners>      
                                     </ext:Button>                                 
                                                 
                                </Items>
                            </ext:Toolbar>                    
                        </TopBar>    
                         <Items>       
                      
                       
                      
                    
                          
                              
                      
                        
                  
                       
                        <ext:FieldSet ID="FieldSet1" runat="server" Collapsible="true" Layout="form" DefaultAnchor="-20" Title="Dati di accesso" CollapseMode="Mini" Cls="mia">
                            <Defaults>
                                <ext:Parameter Name="Disabled" Value="true"></ext:Parameter>
                            </Defaults>
                        <Items>
                            <ext:DateField ID="DateFieldCreationdate" ReadOnly="true" runat="server" FieldLabel="Data di creazione" Format="dd-MM-yyyy HH:mm:ss" DataIndex="CreationDate" Cls="x-item-disabled" />
                            <ext:TextField ID="TextFieldCreationUser" ReadOnly="true" runat="server" FieldLabel="Creato da" DataIndex="CreationUser" />  
                            <ext:DateField ID="DateFieldUpdatedate"   ReadOnly="true" runat="server" FieldLabel="Data di modifica" DataIndex="UpdateDate" Format="dd-MM-yyyy HH:mm:ss" />   
                            <ext:TextField ID="TextFieldUpdateUser"   ReadOnly="true" runat="server" FieldLabel="Modificato da" DataIndex="UpdateUser" />
                        </Items>
                        </ext:FieldSet>              
                        </Items>                               
                        <BottomBar>
                            <ext:StatusBar ID="FormStatusBar" runat="server"  Height="27">
                             <Plugins>
                                <ext:ValidationStatus ID="ValidationStatus1" 
                                    runat="server" 
                                     
                                    FormPanelID="FormPanel1" 
                                    ErrorIcon="Exclamation" />
                                    </Plugins>
                                <Items>
                             
                
                    
                    
                 
                    
                   </Items>
                 </ext:StatusBar>
              </BottomBar>
              <Listeners>
                <ClientValidation Handler="#{FormPanel1}.isValid();" />
              </Listeners>
              </ext:FormPanel>       
       
        </form>
    </body>
    </html>
    Attached Thumbnails Click image for larger version. 

Name:	1.JPG 
Views:	91 
Size:	17.2 KB 
ID:	1848  
    Last edited by Daniil; Nov 05, 2010 at 4:46 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Well, you could set the ValidIcon property to empty css class.

    Example
    <style type="text/css">
        .myClass {
        }
    </style>
    
    ...
    
    <ext:ValidationStatus 
        ID="ValidationStatus1" 
        runat="server" 
        FormPanelID="FormPanel1"
        ErrorIcon="Exclamation" 
        ValidIconCls="myClass" />
  3. #3
    hi
    perfect thanks

Similar Threads

  1. [CLOSED] How to set a field status to not valid
    By Fahd in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 07, 2012, 12:27 PM
  2. [CLOSED] fire the DirectEvent ONLY when form is valid
    By Fahd in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 07, 2012, 1:00 PM
  3. [CLOSED] Disable Selection on TreePanel on form no valid
    By rbarr in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 14, 2011, 9:35 AM
  4. [CLOSED] Status bar in form group
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 24, 2011, 6:59 AM
  5. [CLOSED] [1.0] Status Bar Busy Icon
    By ljankowski in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 12, 2010, 1:57 PM

Posting Permissions