How to hide contents using toggle button

Hi,
I am new to sap ui5. I have scenario where i have a matrix layout and some contents in it. There is also a button which on click should unhide the contents like label and textfield inside the same layout along with other contents. I see there are ways  of doing it through css3 or jquery, how can i hide and unhide contents with a button.
Thanks and Regards,
Ravikiran

Hi Ravi,
You can hide content inside your layout in so many ways.
1. Give id to your controls.
    On button click you can get that control by using
    sap.ui.getCore().byId("id").setVisible(false);
2.  If you have bound your controls inside a parent control.
     Give Id to your patent control.
     Use method findElements() to get the child elements.
     This will return the array of child controls.
     Hide the element at particular index using array[index].setVisible(false);
Hope it will help.
Regards,
KK

Similar Messages

  • How to hide the Slidelite close button [X]

    I'm using Captivate 4.
    I would like to know how to hide this ugly close button [X] when a slidlet is displayed on a slide ? I understand that this is usefull when the option Stick Slidelet is selected but i think the [X] makes little sens otherwise.

    Hi there
    Sorry, but there is no way to hide it. At least not using Captivate as it is out of the box.
    Maybe one of the Flash savvy folks knows a way. But that would require knowledge of Flash as well as how it interacts with Captivate to accomplish.
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • How to hide content in my page..

    Hello support,
    How can i hide my discussions, to be shown in my page, exacting how to hide contents tab in my SCN page so that no one can see my discussions, who visit to my page.
    Thanks.

    No. You can't hide the content tab from your profile.
    I can see you haven't posted any discussion yet. Why you want to hide it ?

  • How to hide content in design view within Dreamweaver?

    How can I hide content in design view within Dreamweaver?
    I have a tabbed content menu that uses some javascript. Everything looks great in Live view, but when I go to design view, all the content goes way beyond the div. How can I make it to where I can hide the content in that div in design view or wrap it completely inside of there? It's really hard to explain which is why I provided some pictures!
    LIVE VIEW
    DESIGN VIEW
    Thank you in advance for all the help!
    Dalton

    Humm....... you want to hide it in Design View whilst working on the rest of the site?
    If that is the case set the menu container <div> to display: none; -
    <div id="menu" style="display: none;">This is the content menu</div>
    Then either set it to display: block; when you're ready to view it live or remove the style completely.

  • Show/Hide Regions using list (Button List Template)

    Hi,
    I have a page on which i'm using list (Button list - Template). Below lists, I have multiple form regions. When a user opens that page, all regions should be visible and the focus should be on 'Show All' list. However, Region 'Terms' should only be visible when list 'Terms' is selected. The same functionality should apply to other regions and lists. I have seen that Oracle has used a similar functionality when an Item on a page is clicked or opened.
    Does anybody know how to do it?

    I'm trying to use the hide/show region in the posting to hide a button region when I click the button.
    When I click my button it calls SubmitCmd(sCmd) and hits the alert popup "Here we go!" but then all the AJAX inserts happen and THEN the region hides.
    I guess the alert is Async and the $x_Hide(l_Item); is not or something like that??
    How can I hide the region and then process the rest with the same button click?
    Or how can I hide just a normal button when I click it.. same thing though, need to do it before processing of AJAX inserts.
    function SubmitCmd(sCmd){
    var lQuesID;
    var elmName;
    var elm;
    lcontinue = true;
    showMessage('');
    alert('Here we go!');
    $x_Hide(l_Item);
    var lAdtUseID =html_GetElement('P3_AUDIT_USE_ID').value;
    etc.. a bunch of AJAX inserts, etc..

  • How to hide the standard save button

    Hi gurus,
    I am using the javascript below in my BPS Web Ap to perform a check function on save.  The Javascript runs the check function and then simulates the pressing of the standard save button.  It works fine.
    My problem is that I now need to hide the standard Save button as I don't want users to press it, just my code.  But there is no option in the application builder to hide those standard buttons.
    Is there some other way I can hide it?  Or is there some way I can perform the save from JavaScript without having to have a Save button?
    Cheers,
    Tristan
    <script type="text/javascript">
        function CheckAndSave()
                if (bspSubmit('FunctionButtonPerformCheck'))
                        bspSubmit('SaveButton1')
    </script>
    <span>
        <a href="#1" class=urBtnStd onClick="javascript:CheckAndSave();"
            <nobr>
                New Save
            </nobr>
        </a>
    </span>

    Hi,
    If you have created your layout using transaction BPS_WB then you can hide the SAVE button.
    Cheers,
    Gimmo

  • How Do I Make a Toggle Button

    How would I do this?
    I want to create a toggle button, so when the button is in
    it's default position it says "Sound On" and when clicked again it
    says "Sound Off" etc.

    Comp. 792 wrote:
    > How would I do this?
    >
    > I want to create a toggle button, so when the button is
    in it's default position it says "Sound On" and when clicked again
    it says "Sound Off" etc.
    There is many ways to achieve that.
    You could have movie clip with two frames, button in frame 1
    with action go to nextFrame()
    and button in second frame with action go to prevFrame(); so
    they would toogel each other
    back and forth.
    You could have one movie clip with single frame and just an
    action on timeline frame:
    sound1 = new Sound(this);
    sound1.attachSound("loopSound");
    sound1.start(0, 999);
    buttonName.onPress = function() {
    (playing=!playing) ? sound1.stop() : sound1.start(0, 999);
    (give button instance name "buttonName" and you all set ....
    Best Regards
    Urami
    <urami>
    If you want to mail me - DO NOT LAUGH AT MY ADDRESS
    </urami>

  • CTS+ - How to hide "export using Filesystem" from PI tool?

    Hi experts,
    I have already implemented "How To  Configure Enhanced CTS PI 7.1", now I wonder If it is possible to hide export using Filesystem since I would like to force people using "Export using CTS" from PI tools.
    I have alredy surfing on internet without luck : (
    Could you pleas help with this?
    Thanks in advance.

    Hello Emili
    The Exchange Profile parameters below control whether the "Transport Using File System" option is visible in the transport wizard. If you set the parameters to "false" (without the " and all in lower case) then this transport option will no longer be visible.
    1) com.sap.aii.ibrep.core.transport.enableFileExport
    2) com.sap.aii.ibdir.core.transport.enableFileExport
    If these parameters do not already exist in the Exchange Profile, you can create them and set the value to false.
    Regards
    Mark

  • How to Hide/Disable custom ribbon button on infopath form!

    Is it possible to hide/disable custom ribbon button on specific infopath form library or list????
    I just want to hide/disable custom ribbon button for specific form library and show/enable these buttons on the other form library!
    Any suggessions??
    Thanks in advance!

    Hi Tahir,
    Using javascript you can show/hide ribbon on particualr page.
    Open your SharePoint master page
    Locate this line: <div
    id="s4-ribbonrow"
    class="s4-pr s4-ribbonrowhidetitle">
    Change it to: <div
    id="s4-ribbonrow"
    class="s4-pr s4-ribbonrowhidetitle"
    style="display:none">
    Now find the end of the “s4-ribbonrow” tag and add following
    block right after it: <Sharepoint:SPSecurityTrimmedControl
    ID="SPSecurityTrimmedControl2"
    runat="server"
    PermissionsString="AddAndCustomizePages">
        <script
    type="text/javascript">
            document.getElementById("s4-ribbonrow").style.display =
    "block";     </script> </Sharepoint:SPSecurityTrimmedControl>
    Save the new master page and publish it.
    Or try this feature.
    http://spribbonvisibility.codeplex.com/
    Best regards,
    Avinash.

  • How to hide/remove the 'Delete' button for a particular role

    We have a role that can only Create and Edit the Accounts, Contacts, Opportunities, & Leads. So I modified the Default and Owner Access Profiles for that role and changed the Access Level to 'Read/Edit' for each of the above mentioned Record Types.
    When the user is logged with this role they can see the 'Delete' button on all the Record Types. When they click on the 'Delete' button they get the 'Access Denied' message. Thats fine, but how do you hide/remove the 'Delete' button for this role so they don't try to click it.

    At this time it is not possible to hide/remove the "Delete" button. This functionality is on the roadmap.

  • How to Hide / Disable the delete button in EditForm using Infopath 2010

    Dear Experts
    In the SharePoint List 2010, need to disable / hide the Delete button while editing the item based on certain condition (based on logged in user)
    E.g, if UserA logged then should able to delete the item in EditItem mode
          if UserB logged then should not delete the item in EditItem mode
    How to achieve this?
    Regards
    Santosh

    Hi Santosh, it's you again! ;)
    I don't think this is possible. You can remove it for all users, but not sure how you could accomplish it just for certain users. See the following link for more info.:
    https://social.technet.microsoft.com/Forums/sharepoint/en-US/7a0cecbd-4aba-4fbc-a897-391e0ed4e613/disable-delete-item-option-from-ribbon-and-ecb-menu-even-for-contributors?forum=sharepointgeneralprevious
    cameron rautmann

  • How to reterive  content using dynamic query  through content repository

    Hello,
    i am reteriving content from content repository,using following tag:
    <pz:contentQuery query="PPF_Type='Forms' && SupportGroup='HR'" sortBy="cm_modifiedDate" max="5" id="HRForms"/>
    where SupportGroup='HR/IT/Finance'
    How can I get property value dynamically without hardcoding like above,instead i want it as follows:
    String formQuery="PPF_Type='" + typeName + "' && SupportGroup='" + groupName + "'";
    How can i get 'typeName' and 'groupName' as variable through jpf,if i have to display titles in same page.

    Hello,
    i am reteriving content from content repository,using following tag:
    <pz:contentQuery query="PPF_Type='Forms' && SupportGroup='HR'" sortBy="cm_modifiedDate" max="5" id="HRForms"/>
    where SupportGroup='HR/IT/Finance'
    How can I get property value dynamically without hardcoding like above,instead i want it as follows:
    String formQuery="PPF_Type='" + typeName + "' && SupportGroup='" + groupName + "'";
    How can i get 'typeName' and 'groupName' as variable through jpf,if i have to display titles in same page.

  • How to hide a screen on button click

    In my Public bmitest() i have
    btnSave = new JButton("Save");
    content.add(btnSave);
    btnSave.addActionListener(this);
    and i would like it so when this button is clicked it will hide the current JPanel.
    In my action performed i have it so this button also saves a fw things.

    Hi Vinita,
    onclick of the button you can write the below code:
    Loop at screen.
    if screen-name eq <Tab_name>.
    screen-active = 0.
    endif.
    endloop.
    Here <tab_name> is the name of the tab which you want to hide.
    Thanks...

  • How to disable port using push buttons in VI..

    We have a project using a hardware using dynamic mic as an input for interfacing we use labview to read data in frequency and decibel..
    But there's is conditions..
    1st. Button for disabling the port in our hardware
    2nd. If there is no input device "long beep" tone will come up.
    For now this is only what we have our VI by watching in youtube tutorials ..
    And this the 1st tym we use labview..
    plss help us..
    We only have 2 days for the project..
    Attachments:
    GUI.vi ‏21 KB

    Here is a basic UI example that shows how you can listen for user events (pushing the button) and control the flow of your program using a task engine.
    It does not match your requirements however since this is a poroject you should actually do the work. This is a framework for how you can build your application.
    If you have specific questions feel free to ask them but don't expect anyone here to do the project for you.
    Mark Yedinak
    "Does anyone know where the love of God goes when the waves turn the minutes to hours?"
    Wreck of the Edmund Fitzgerald - Gordon Lightfoot
    Attachments:
    PSS Project 8-0.zip ‏82 KB

  • Simple "show / hide" script using radio buttons, need a little help

    Hello;
    I have a place in my form where I need to swap out what type of form you need to fill out in an area. If I don't do this, it makes the page look over crowded and if I pass it off to a 2 or 3 step process, it doesn't have enough info in each section to be worth it. It's either one or the other.
    Right now, this code works nice. click on a radio button, and the form section appears and disappears. What I am trying to make this do it when the page loads, one of the radio buttons is selected and one of the form sections is visible. Then if you click on the other radio button, it swaps them.
    can anyone help me tweek this code so one of the buttons is selected all the time?
    here is my script.
    <style type="text/css">
    .showHide {
    position: absolute;
    background-color: #f1f1f1;
    width: 350px;
    padding: 1px;
    color: black;
    border: #999999 2px dashed;
    display: none;
    </style>
    <script language="JavaScript">
    function setVisibility(id, visibility) {
    document.getElementById(id).style.display = visibility;
    </script>
    <form>
    <input name=type type=radio onclick="setVisibility('sub3', 'inline');setVisibility('sub4','none');" value='male' checked>Selection 1
    <input type=radio name=type value='female' onclick="setVisibility('sub3', 'none');setVisibility('sub4','inline');";>Selection 2
    <div id="sub3" class="showHide">Selection 1 content</div>
    <div id="sub4" class="showHide">Selection 2 content</div>
    </form>
    That's the short of it with out dumping tons of other code on anyone.
    Thank you

    That's what I need. I tweeked it a little and now it doesn't work. Can
    you help me add one last option? I need 3 buttons that intereact leaving the red one still visible when it loads unless you click on
    one of the others. this is what I'm trying to do:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#divGrey').hide();
    $('#divRed').show();
    $('#divBlue').hide();
    $('.grey').click(function(){
    //$(this).hide();
    $('#divGrey').show();
    $('#divRed').hide();
    $('#divBlue').hide();
    $('.red').click(function(){
    //$(this).hide();
    $('#divGrey').hide();
    $('#divRed').show();
    $('#divBlue').hide();
    $('.blue').click(function(){
    //$(this).hide();
    $('#divGrey').hide();
    $('#divRed').hide();
    $('#divBlue').show();
    </script>
    <style type="text/css">
    #divGrey {
    position: absolute;
    background-color: #f1f1f1;
    width: 350px;
    padding: 1px;
    color: black;
    border: #999999 2px dashed;
    display: none;
    #divRed {
    position: absolute;
    background-color: #f1f1f1;
    width: 350px;
    padding: 1px;
    color: black;
    border: #999999 2px dashed;
    display: none;
    #divBlue {
    position: absolute;
    background-color: #f1f1f1;
    width: 350px;
    padding: 1px;
    color: black;
    border: #999999 2px dashed;
    display: none;
    </style>
    <input type="radio" name="Radio1"  value="" id="RadioGroup1_1" checked="checked"  />Selection 1
    <input type="radio" name="Radio1"  value="checked" id="RadioGroup1_0" />Selection 2
    <input type="radio" name="Radio1"  value="checked" id="RadioGroup1_2" />Selection 3
    <div id="divRed">Selection 1 content</div>
    <div id="divGrey">Selection 2 content</div>
    <div id="divBlue">Selection 3 content</div>
    it isn't doing anything right now, and no errors either that I can see. Any ideas?

Maybe you are looking for