Skip to main content

Replacing xpage tabbed panel with jQuery tabs:

Replace xpage tabbed panel with jQuery tabs. So that every time when the tabs are changing the refreshing won't occur. And it is fancy as you like.

Step1:
Paste the following code in the editor side of your xpage to get the tabs:

  <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
  </script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
 <div id="tabs-1">
       tab1 content
    </div>
    <div id="tabs-2">
        tab2 content
    </div>
    <div id="tabs-3">
    tab3 content
    </div>
</div>

Step2:

Add the following files in the Resources--->File section of your domino designer

a)jquery-1.8.2.js
b)jquery-ui.js

download the above files from the http://jqueryui.com

Step3:

Add the following files in the Resources--->Style sheet section of your domino designer

a)jquery-ui.css
b)style.css

Step4:

Add the following files to your xpage where the tabs have been set.

add in the resources section of the xpage properties.

There you get your fancy xpage tabs

Comments

Post a Comment

Popular posts from this blog

Lotusscript to establish ODBC connection:

The script, when executed from a button, will create a new record in a specified ODBC data source, attempt to save the new record and display a message indicating whether the operation was completed successfully. If the operation is not completed sucessfully, it is likely that either your data source is read-only or your ODBC driver does not permit updates to the data source. Important: Complete each of the four steps below before running the script. 1. Create a new agent and add the following UseLSX command to the Options event: UseLSX "*LSXODBC" 2. Add the following script to the Initialize event of the agent. NOTE: Do not add the 'Sub' and 'End Sub' lines. Dim ui As New NotesUIWorkspace     Dim uidoc As NotesUIDocument     Dim doc As NotesDocument     Dim connection As ODBCConnection     Dim query As ODBCQuery     Dim result As ODBCResultSet         Set uidoc=ui.CurrentDocument ...
1 comment
Read more

Commom Interview Questions for a Domino Developer

1. To find if a particular item exists in lost of items what commands are there in formula lang and lotusscript? Ans : Formula : @Contains; @IsMember Script : Instring 2. Difference between @UserRoles and @UserNamesList Ans : @UserRoles - Roles in the ACL which the user has @UserNamesList - Groups in the ACL to which the user belongs to 3. If there are multiple commands to be executed on a click of a button in formula lang, how will you do it And : @Do(@Command1;@Command2.....) 4. What is the difference between @DBColumn adn @DBLookup. Where will each of them be used? 5. File upload using Formula language? And : The field to which the file is uploaded should be a Rich Text Field. Command is @@Do(@PostedCommand([EditGotoField]; "Field Name");@PostedCommand([EditInsertFileAttachment])) 6. On click on a button in the left frame, open a view in the right frame. Ans : @SetTargetFrame("FRAMERIGHT"); @Command([OpenView];...
Post a Comment
Read more