It is possible to remove some RichTextEditor control bar with showControlBar property.
But how to remove title bar too?
The following code displays control WITH empty title bar:
<mx:RichTextEditor id="mLog" left="10" right="10" top="10" bottom="41"
dropShadowVisible="false" showControlBar="false">
How's this look?
<mx:RichTextEditor showControlBar="false" dropShadowEnabled="false"
headerHeight="0"
borderThicknessLeft="0" borderThicknessRight="0"
borderThicknessTop="0" borderThicknessBottom="0"/>
headerHeight sets the title bar height to 0. The 4 borderThicknessXXX settings remove the borders that still showed.
Related
Im trying to have a Label on top of the Map but when I put them inside a Grid like this
<Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" BackgroundColor="Red">
<Frame BackgroundColor="{StaticResource Color2}" Margin="0">
<Label TextColor="{StaticResource Color5}" FontSize="60" FontAttributes="Bold" x:Name="TituloNombre" HorizontalOptions="CenterAndExpand"></Label>
</Frame>
<local:CustomMap IsShowingUser="True" HasScrollEnabled="True" HasZoomEnabled="True" MapClicked="mapaXaml_MapClicked" x:Name="mapaXaml" Opacity="0.5"/>
</Grid>
The map covers the Label and the only way I can see it is by changing the opacity of the map.
Items within the Grid will be rendered back to front. Ie, things that are listed first will be behind things that are later in the same container
Reorder uour Grid so the Label is after the Map
I am trying to make header & tab fixed while the main content is scrolled. Since those 2 header images & html tab is placed within page <content>. It scrolls. But how to make it fixed in its position?. Or is there any alternate solution to put the header out of page's content?. Here is my code
<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="budgetspend.controller.App" xmlns:html="http://www.w3.org/1999/xhtml"
displayBlock="true">
<App id="BA_APP">
<pages>
<Page>
<content>
<Image class="logo" src="../images/logo_new.png"/>
<Image class="header" src="../images/header-bg.png"/>
<html:ul class="tab">
<html:li>
<html:a id="onBud" class="tablinks active">Budget Analyzer</html:a>
</html:li>
<html:li>
<html:a id="onSpend" class="tablinks">Spend Analyzer</html:a>
</html:li>
</html:ul>
<sap.ui.layout:VerticalLayout xmlns:sap.ui.layout="sap.ui.layout" id="budget_layt" class="lay_cont">
<sap.ui.layout:content> .............
NOTE : Header image & tab covers almost 130px. so I can't place it inside <headerContent> tag.
You can place the content part of the page (which is now a VerticalLayout) into a sap.m.ScrollContainer, which provides scrolling capabilities to its content. With this, you can scroll the content inside the container. You can set a custom height to the scroll container.
Have you tried to implement an sap.m.IconTabBar control instead of creating HTML elements in the XML view?
So... Any bright ideas how we can enable Horizontal content stretching on the GroupHeader template of a Grouped ListView in Win RT - phone?
I'm all ears!
I've added a demo application so you can try it out - please do before posting your answer!
Code can be found here https://github.com/Depechie/ListView-HorizontalStretch-RT81
I added 2 pages, MainPage has the problem of not having Horizontal stretching.
MainPage2 has a fix for Horizontal stretching, but because of that fix, the JumpList ( zoomed out view ) is not working anymore.
You can navigate from MainPage to MainPage2 through the appbar button.
Here the 2 visuals
Your fix is overly complicated and deprecated. What you need for your group header style is as simple as the following:
<Style x:Key="FixedHeaderContainerStyle"
TargetType="ListViewBaseHeaderItem">
<Setter Property="HorizontalContentAlignment"
Value="Stretch" />
</Style>
And apply it to your ListView like so (old ContainerStyle is deprecated and replaced with HeaderContainerStyle):
<GroupStyle HidesIfEmpty="True"
HeaderTemplate="{StaticResource AddrBookGroupHeaderTemplate}"
HeaderContainerStyle="{StaticResource FixedHeaderContainerStyle}" />
BUT the header fix wasn't the reason why your ZoomedOutView stopped working. The issue is because you added the following to MainPage2:
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel />
</ItemsPanelTemplate>
</ListView.ItemsPanel>
VirtualizingStackPanel breaks this and the new and improved panel (that includes virtualization is ItemsStackPanel, which is also the default now so omit this altogether.
If I understand the problem, add Width="{Binding ElementName=LayoutRoot, Path=ActualWidth}" to your MobileAppsGroupHeaderBorder on MainPage. That'll render as full width like MainPage2 but the jump list functionality is maintained as normal.
Can you give me the key/values which fix an overlayPanel position? I want to fix it in the middle, but I can't figure it out. I have this example:
<p:overlayPanel id="overlayPanelSearch" for="searchButton" my="top" at="bottom">
This is how I understand it.
"my" is the overlay panel box.
"at" is the commandButton.
<p:commandButton id="chartBtn" type="button" />
<p:overlayPanel id="chartPanel" for="chartBtn" my="right top" at="right bottom">
...
</p:overlayPanel>
So the above reads: "Connect the right top of the overlay panel with the right bottom of the command button"
Use the following attributes of overlayPanel:
for - Identifier of the target component to show the panel
my - Position of the panel relative to the target (ex: my="left top")
at - Position of the target relative to the panel (ex: at="left bottom")
I think the documentation was false to describe how to use it.
It was described to use something like 'top left'.
Try to use my="left top" at="left bottom" and it works fine!
Hope this can help you..
To move it to the middle simply use middle.
Even though the documentation just mentions right, left, top, middle you can in addition use middle on the x-axis and the y-axis.
Example:
<p:overlayPanel id="overlay" my="center top" at="right center">
This feature might have been added later on because of this request:
https://forum.primefaces.org/viewtopic.php?t=45084
How do I add HTML inside my Flex app just like the one Tour De Flex uses.
Here's a screenshot: http://screencast.com/t/JH6X1qUBNLI
Use the HTML Component. It is AIR only, so you won't be able to do this in a web based app.
For a web based app, you'll want to use the iFrame trick.
The tag <mx:TextArea> can have a nested <mx:htmlText> tag that can contain HTML code.
For example:
<mx:TextArea id="htmlTextWillAppear"
width="100%" height="100%"
borderStyle="none"
editable="false"
condenseWhite="true">
<mx:htmlText>
<![CDATA[
<p>This is where the HTML will go icluding Links, images, unordered lists, et.</p>
]]>
</mx:htmlText>
</mx:TextArea>
The CDATA tag is needed so that the Flex compiler knows to interpret what follows literally and not as MXML tags.
I use this method to pupulate the text in my Flex website that provides tutorials for creating accessible Flex content.