I am using JDeveloper 11.1.1.7.0.
I have jsff fragment with two panels.
Left side panel contains links and the right side panel will show the data depend on the link clicked on the left side panel.
Links in the left side panel are rendered using iterator and this iterator is resided in panelGroupLayout with layout="scroll".
When I scroll down to the end of the left side panel and click on the link, then the content in the right side panel is loading fine, but the scroll bar of the left side panel is resetting to top. So that I am not able to see the selected link in the left side panel.
Is there a way to fix the scroll bar at the same position ?
<af:panelGroupLayout id="pgl3" layout="horizontal" valign="top" inlineStyle="height:200px;" styleClass="AFStretchWidth">
<af:panelGroupLayout layout="scroll" halign="left" id="pgl4" inlineStyle="width:100px;"
partialTriggers="i1:cl1">
<af:iterator value="#{pageFlowScope.headerBean.links}" id="i1" var="link">
<af:commandLink actionListener="#{pageFlowScope.headerBean.linkCliked}" id="cl1" inlineStyle="border: solid 1px black;"
partialSubmit="true">
<af:outputText value="#{link}" id="ot6"
styleClass="selectedLinkStyle"
rendered="#{pageFlowScope.headerBean.selectedLink}"/>
<af:outputText value="#{link}" id="ot7"
styleClass="unselectedLinkStyle"
rendered="#{not pageFlowScope.headerBean.selectedLink}"/>
<f:attribute name="selectedLinkName"
value="#{link}"/>
</af:commandLink>
</af:iterator>
</af:panelGroupLayout>
<af:panelGroupLayout layout="vertical" styleClass="AFStretchWidth" halign="right"
id="pgl5" inlineStyle="border: solid 1px black;height:200px;"
partialTriggers="i1:cl1">
<af:outputText value="#{pageFlowScope.headerBean.linkData} id="ot5"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
Try remove the partialTriggers attribute of pgl4
Or consider using Active Data
You can also use the scrollComponentIntoViewBehavior as described in here but this is a new feature in 12c
Related
I'm having a problem. My customer want one of their website to show in GG chrome instead of IE (they usually use IE before). One of recently problem is that the inputText in GG Chrome have no border, but they have border in IE. So my customer want to make border visible in GG Chrome. How can I do that?
you can manipulate style of af:inputText box by adding css code to contentStyle property under style tab in component properties.
<af:inputText label="Label 1" id="it1" contentStyle="border: 10px solid black;"/>
I'm trying to create a scrollable list of components inside another component. I'm using a card view to contain my info. When I try the following code, I get a weird result with the scrollable view.
<aura:component implements="flexipage:availableForAllPageTypes" access="global" controller="ContentListController">
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<!-- Global decleration for the Content Id selected -->
<aura:attribute name="ContenList" type="Content__c[]"/>
<div style="max-height: 400px;overflow-y: auto;">
<aura:iteration items="{!v.ContenList}" var="store">
<c:ContentCard content="{!store}" duration="1" />
</aura:iteration>
</div>
</aura:component>
The result I get is this where the scroll bar is all the way off in no-man's land.
I was looking for this where its an invisible scroll or at least on the left without all that padding.
Your div is taking all available width while your cards (c:ContentCard) are having their widths limited somehow. That's the reason why you have the gap between your cards and the scroll bar.
I would recommend you to:
1) Remove the width limit from the ContentCard component and;
2) Delegate to a higher component the responsibility to organize the distribution of components on the page. You can control the structure of components with slds-grid and slds-col lightning classes.
</lightning:card>
Use the Lightning cads.
For Your Refrence
https://developer.salesforce.com/docs/component-library/bundle/lightning:card/example
I was trying to show checkbox before label using selectBooleanCheckbox in oracle ADF but it is showing checkbox after label.
<af:panelFormLayout id="pfl2" maxColumns="4" rows="1">
<af:iterator id="i2" value="#{pageFlowScope.StoreSearchMB.storeCreateCheckboxes}" var="List">
<af:selectBooleanCheckbox label="#{List.VStore}" id="sbc2" inlineStyle="Color:#949595;font-size:18px;" value="#{List.VStStatus}"/>
</af:iterator>
</af:panelFormLayout>
Could you please help me to get the correct way?
Use Text Attribute of af:selectBooleanCheckbox instead of label .
More here Demo
Use the Text property of the checkbox instead of Label.
I have a inputcombobox and I have its shortdesc attribute pointed to a String variable in a managed bean. The string contain line breaks but while rendering on browser, it seems to ignore it.
I tried workarounds for this by using pop up but it seems like showPopupBehaviour is not allowed inside inputComboBox. Also can't use javascript as it is mouse hover method is messing up with click event on LOV of inputcombobox.
I am using jdev 11.1.1.7.2
Any ideas
Use HTML entities in your shortDesc string.
The ones you are looking for are:
- Line Feed
- Carriage Return
Examples:
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
These will all show a tooltip with a new line.
Edit:
It seems that the outputText component puts the tooltip in the title attribute while the inputCombobox puts the tooltip in a <div>
How to replace the text which appear when Navigation Pane is minimized in WPF based on the selected navigation pane item. Navigationpane used here is the navigation pane available from stemasoft.com with its dll.
I guess you are looking for the BarTitle attribute
<stema:NavigationPane BarTitle="My title">
<stema:NavigationPaneItem Header="Item 1">
<local:MyControl/>
</stema:NavigationPaneItem>
</stema:NavigationPane>
You can also specify an image for every item.