Flex4 styling issue

Hi
I have created custom advancedDatagrid component while extending AdvancedDatagrid.
After embedding fonts it is showing the following issue.
in CSS
mx|global
                              font-family:Arial;
                              color:#000000;
                              modal-transparency: 0.5;
                              modal-transparency-color: #333333;
                              modal-transparency-blur:0.5;
   textFieldClass: ClassReference("mx.core.UIFTETextField");
                    @font-face {
                              src: url("ARIAL.TTF");
                              fontFamily: Arial;
                              fontStyle: normal ;
                              fontWeight: normal ;
                              embedAsCFF:true ;
                              advancedAntiAliasing: true ;
Error: 'restrict' is not implemented in FTETextField.
          at mx.core::FTETextField/set restrict()[E:\dev\4.0.0\frameworks\projects\spark\src\mx\core\FTETextField.as:1357]
          at mx.controls::TextInput/commitProperties()[E:\dev\4.0.0\frameworks\projects\framework\src\ mx\controls\TextInput.as:1787]
          at mx.core::UIComponent/validateProperties()[E:\dev\4.0.0\frameworks\projects\framework\src\ mx\core\UIComponent.as:7772]
          at mx.managers::LayoutManager/validateProperties()[E:\dev\4.0.0\frameworks\projects\framewor k\src\mx\managers\LayoutManager.as:572]
          at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.0.0\frameworks\projects\frame work\src\mx\managers\LayoutManager.as:700]
          at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.0.0\frameworks\projec ts\framework\src\mx\managers\LayoutManager.as:1072]
Please help me fix this Issue.
Thanks
Sudhansu

Adding styling to mx TextInput show the above error.
mx|TextInput
                              font-family:Arial;
                              color:#000000;
                              font-size:12;
                             textFieldClass: ClassReference("mx.core.UIFTETextField");

Similar Messages

Re: SAP ITS Mobile - Layout Styling Issue

Hi ,
I'm facing the following issue in ITS Mobile service. where the white spaces between the form elements are not reduced though ~DYNPRO_COMPRESSION is set to 1.
The solution i nthe following thread SAP ITS Mobile - Layout Styling Issue works fine for custom programs, but my internet service makes use of standard programs , so it is not advisable to edit the standard programs. And also tried to constrict the gaps by using a custom css-stylesheet, but all the efforts in vain.
Kindly help,
Regards,
Avinash
BRANCH - Branch to a new thread as was posted to an old and answered thread. Link and ref the previous thread.
Message was edited by: Oisin ONidh ITS SCN Moderator

thanks for the reply, we are using Internet Explorer for opening the URL.
I have another issues like
1. getting the scanned EPC value in the cursor position on the screen if datawedge application running in background but as soon as the EPC value appears int he field, the screen turns to "Page not found error" ( though in screen sequence next screen available) in short the problem is after getting EPC value in cursor field, without waiting for user/system action the page goes out.
2. I want to write the EPC value on the RFID tag using the handheld but its not happening
3. does the RFID handheld returns any value when EPC written succesfully on the tag ( such as tag written successfully )
your inputs will be really useful for me.
Thanks,
Neha

Cross Platform Styling Issues

I am currently styling a site and am doing browser checks on both PC and Mac. With the mac version, which is what I am styling on, it appears to render content in a href slightly different, where it favors the bottom, and on the PC it favors the top. check out the green buttons here: http://kippdelta.web2.sundaramdesign.com/
If you check it on both PC and Mac, you should see the difference.
I'm sorry if this isn't better explained. Please let me know if further information is needed.
Trevor

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Text styling issues - how do you balance columns?

Hi! I am setting up some custom paragraph styles and am running into some issues with the columns not ending in the same place. Please see atached screen grab.
My Body text settings are:
Embedded font - Berthold Imago family (16)
Justified
Line Spacing - 1.5
Line Spacing After Paragraph - 4pt.
Paragraph Indents First Line - 26pt
Prevent widow and orphan lines (checked)
Can anyone please tell me how to make the columns end in the same place? Is there a work around for vertical justification - a way to streach the leading?
Thank you in advance!

Assuming you have Pages 5, you didn't say:
select the text > Format > Layout > Columns > whatever number you want
Peter

Spry Vertical Menu Bar Styling Issues

Hello all,
I'm having CSS issues with a spry vertical menu bar. The Menu
is fairly basic but, it has some odd sizing requirements specified
by it's designer. The designer would like the sub menu items to all
have different widths that correspond to the actual content within
them. Here is sample.
http://staging.rm306.com/cycle/
The menu seen at the page above was not build with Spry. It
was build with another tool and has considerable problems with
consistent browser display.
Can anyone give me a short list of styles and where they
should be applied that might help me achieve this reletively simple
effect?
I've tried to use Spy menu bars in my projects in the past
but, there was always some sticking point. I'd like this time to be
the winner if possible.
Thanks for your time and patience in advance,
Kevin

The sample page I posted came after searching for an easy
"how to do it". The closest I found to a tutorial was this:
http://www.adobe.com/devnet/dreamweaver/articles/spryte_menu.html
The author designs and implements a spry menu with Fire Works
graphics. The last section describes how to modify the existing CSS
for multiple levels. Yet I found the sample page easier to follow.
I hope this helps though.

CF9.0.1 and Flex4 Remoting Issue

We are trying to migrate our flex apps from CF8.0.1 to CF9.0.1 and we are getting an error that seems to be caused when trying to create a VO which is typed to a CFC that is in a directory below the webroot. This was working in CF8.0.1.
The UserVO.as has the following RemoteClass Attribute:
[RemoteClass(alias="flex.coms.CF9Testing.UserVO"")]
public class UserVO
This maps to a CFC with the following attributes:
<cfcomponent access="remote" output="false" alias="flex.coms.CF9Testing.UserVO">
The properties all bind correctly and the path is correct, but as soon as we try to pass an object from Flex to CFC we get the following error in the logs.
[BlazeDS]Cannot create class of type flex.coms.CF9Testing.UserVO'.
flex.messaging.MessageException: Cannot create class of type 'flex.coms.CF9Testing.UserVO'. Type 'flex.coms.CF9Testing.UserVO' not found.
If we remove the mappings and put a copy of the VO in the webroot, it works fine.
Can any one shed any light on what we are doing wrong?
Thanks,
Mark

Hi Paul,
We turned on mappings in the services-config.xml.
Cheers,
Mark

Styling individual words in scrolling text interaction Captivate 7

Does anybody know if it is possible to style only a portion of text that is being shown within the Captivate 7 scrolling text widget?
For example, at the moment if I select a word that I'd like to make bold the entire content of the text pane is made bold, same with italic and underline.
Any solution needs to be HTML5 compatible.
Thanks in advance.

Hi Sreekanth,
It would definitely be useful if the styling worked properly, afterall, the options are shown in the editor so one can only think that it's a bug. I could even live with it if it accepted HTML markup.
Re: your question, I put together a basic test using the Scrolling Text Interaction populated with lorem ipsum text and it seems to work as desired.
I tested on Windows Vista Pro in Safari, IE9 and Chrome. I also tested on iPad running iOS7. I published in HTML5 only.
The only thing (other than the styling issue mentioned above) was that the text pane seems to sit about 20px lower in the published file than it does on the Captivate stage. Not ideal when laying out individual content screens but not the end of the world to have to nudge the pane up in my working file.

Tebuchet screen rendering issues in Acrobat

I have created an information sheet using MS Trebuchet on the Mac in InDesign and exported to PDF. When viewing the PDF the font does not display correctly, some area looks bold. If you change the percentage zoom page size the font changes. It look fine at 130% but at 134% some of the sentences in paragraphs look bold?

I have been in discussion with a typographic designer who suggests it may be a combination of Trebuchet not being a ClearType font and therefore old technology and the text styling not being clean when the text is copied from Word into InDesign
Urm, both of those suggestions are gibberish absurdities.
First, whether a font is "a ClearType font" is just a question of whether the font's hinting is specifically optimized for ClearType. Non-ClearType fonts work fine under ClearType as well, and in any case Acrobat doesn't use ClearType at all—it uses Adobe's own font rendering technology.
Text styling is only an issue when the text is styled to a non-existent font. For example, you style some text bold, and there is no available bold font. This is only a problem in applications that allow such "faux" styles and try to "simulate" the bold or italic effect. But InDesign doesn't allow faux styles, hence there is no way that there could be a faux styling issue in a PDF made from InDesign. (I imagine there are ways to get faux styles into Acrobat, especially if the fonts aren't embedded, but I'm not sure I've seen it, aside from Acrobat's own substitution fonts. But none of that is relevant here.)
So I don't know what the problem IS, but I can tell you with some certainty that those are two things it IS NOT.
My first thought, like Dov's, was that it was some sort of transparency and flattening issue. But the details of where the text is and which text is affected make that seem less obviously plausible. Still, you might try as an experiment deleting the object(s) with the drop shadow on that page and seeing what happens. Or even copying that text box to an empty page.
Regards,
T

RoboHelp 10 EPUB3 output not supported in ADE 4.x?

In ADE 3.0 our monster help system looks OK but has some formatting and styling issues. I had expected by this time we'd see ADE pick up the CSS styling at least, but it appears to be even worse. I'm interested in hearing from anyone who may have used this publishing route and overcome issues.

I removed my photos and formatted the camera's flash card but it didn't help. I spent an hour on the phone with Apple and they couldn't resolve the issue either. The support person is forwarding the problem to Apple engineering.
Thank you for your suggestions.

HierarchicalCollectionView and Repeater in Flex 4?

Hi,
I've been struggling to get a Repeater binding to a HierarchicalCollectionView in Flex 4.
<fx:Declarations>
     <mx:HierarchicalCollectionView id="hcProducts"
                                       source="{groupedProducts}" />
        <mx:GroupingCollection2 id="groupedProducts"
                                source="{model.products}">
            <mx:Grouping>
                <mx:fields>
                    <mx:GroupingField name="section" />
                    <mx:GroupingField name="group" />
                    <mx:GroupingField name="category" />
                </mx:fields>
            </mx:Grouping>
        </mx:GroupingCollection2>
    </fx:Declarations>
<mx:VBox width="100%"> 
<mx:Repeater id="rpt" dataProvider="{hcProducts}">
     <mx:Label text="{rpt.currentItem.GroupLabel}" />
</mx:Repeater>
</mx:VBox>
This doesn't work. The repeater has no children. However, if I change from using a GroupingCollection2 to the deprecated GroupingCollection, it works fine.
Is this a bug?
Thanks.

Hi,
My question is actually related more with mx components. Here is what I am doing :
I have a .css file that has skins for mx lists
@namespace mx "library://ns.adobe.com/flex/halo";
mx|List
    borderStyle: none;
    fontFamily: "Myriad Pro";
    fontSize: 14;
    selectionColor: #645182;
    color: #333333;
    backgroundColor : #333333 ;
    rollOverColor: #534863;
    leading: 5;
    textRollOverColor: #FFFFFF;
    textSelectedColor: #FFFFFF;
    paddingLeft: 20;
Now I have my application.mxml that has something like this ( it has both spark and other component)
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" xmlns:component="*" xmlns:tabs="com.adobe.rtc.tabs.*" width="800" height="600"
     <fx:Style source="skins.css" />
     <s:Button label="Open Console" width="200" x="100"/>
     <component:MyComponent />
</s:WindowedApplication>
and MyComponent.mxml is the file that has the mx List whose style it uses from the mx file.
MyComponent.mxml is something like this
<mx:List id="myStyleList" width="200" height="100" />
The list uses the style defined above in .css but it doesn't use things like backgroundAlpha or backgroundColor rather it uses something like contentBackgroundColor(if i define it ) . Shouldn't my old mx components keep using all the styles I defined earlier?
The use case came as I was integrarting parts of my old project (with its styles and mx classes) into my new project built with Flex 4, but i am running into all these styling issues.
Please let me know how we can solve problems like this.
Thanks
Hironmay Basu

DOCTYPE and window scrolling break mouse capture positioning in IE6/IE8

If I specify the DOCTYPE header in my html page the following bug is observed:
If you scroll the browser window down using the scroll wheel or the scroll bar and click on the map, the position is recorded with a vertical offset of the amount in which the window was scrolled. This problem happens in IE6 and IE8 (non compatibility mode) Firefox and IE7 work fine. Removing the DOCTYPE specification from the HTML document resolves the scroll button but causes other HTML compliant styling issues that I would prefer not to tackle.
The doc types that cause the error that I have experimented with:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
or
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
The bug seems to be an IE6/8 bug or abnormality
var mouseLoc = mapview.getMouseLocation();
Some reference to this problem and a low level fix is described here
http://unixpapa.com/js/mouse.html (under Finding Mouse Positions)
I did override a method in the (unfortunately obfuscated) oraclemap.js
Add the following method 'after' loading the oraclemaps.js
This resolves the problem - so far - i am unsure of any side effects it causes.
MVUtil._f175=function(x56)
x56=(x56)?x56:((window.event)?event:null);
var x57=0;
var x58=0;
if(x56.pageX)
x57=x56.pageX;
x58=x56.pageY;
else if(x56.clientX)
x57=x56.clientX+document.body.scrollLeft-document.body.clientLeft;
x58=x56.clientY+document.body.scrollTop-document.body.clientTop;
// BUG FIX - Included the scrollTop in the check below....
if(document.body.parentElement&&(document.body.parentElement.clientLeft || document.body.parentElement.scrollTop))
var x59=document.body.parentElement;
x57+=x59.scrollLeft-x59.clientLeft;
x58+=x59.scrollTop-x59.clientTop;
Edited by: user11202763 on Oct 6, 2009 3:09 PM
Edited by: user11202763 on Oct 6, 2009 3:21 PM

Add the doc type to the FIRST line of the HTML file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Add some javascript so that if you click on the map, it places a marker on the map at the point of the mouse click.
Then show the map, resize the window so you have scroll bars (make it smaller). Scroll down and click the map, you will notice that the point clicked on is the offset by the distance that the window has been scrolled down.

Problems with using whiteboard in flex 4.

I recently ported my app to flex 4 using spark components. The SharedWhiteboard has stopped working correctly.
There are 3 specific problems:
     1) I'm unable to change the color of a line or shape. It throws an exception in the debugger. It looks like it's an exception in NullColorPicker having it's updateDisplayList called with NaN for width and height. But I can't be sure. (No Flash10 source yet)
     2) I'm unable to rotate things. When I try to rotate something, the object orbits a point rather than rotates around it.
     3) I'm unable to set a contextMenu. It just ignores my settings.
Are these known conditions in flex 4 with spark for AFCS? Or did I bork something?
thanks

Happy to hear that the color picker issue is fixed.
I think that the ContextMenu is either my bug, or possibly a Flex4/Spark issue, so let's ignore that one for now. (I can't reproduce it in a simple environment.)
Here's some code that shows the rotation issue I was talking about. It uses the coreUI:WhiteBoard. Just create a highlight rectangle and then try to rotate it. It orbits around a point off to the right instead of rotating around it's center.
---------------------------------------------------------------- SNIP -----------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:rtc="AfcsNameSpace"
               xmlns:coreUI="CoreUINameSpace"
               minWidth="955" minHeight="600" creationComplete="createComplete()" >
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            private function createComplete() : void {
                var contextMenu:ContextMenu = new ContextMenu();
                contextMenu.hideBuiltInItems();
                var customItems:Array = new Array;
                var item:ContextMenuItem;
                item = new ContextMenuItem("Item1", false, true, true);
                customItems.push(item);
                item = new ContextMenuItem("Item2", false, true, true);
                customItems.push(item);
                contextMenu.customItems = customItems;
                wb.contextMenu = contextMenu;
        ]]>
    </fx:Script>
    <coreUI:WhiteBoard id="wb" width="100%" height="100%"/>
</s:Application>
---------------------------------------------------------------- SNIP -----------------------------------------------------------------------------------

Will you ever give us developers some decent tools for testing in Internet Explorer?

Today I got a bug report for one of our websites, and its a bug that only affects IE10, no other browsers.
My office has just upgraded to Windows 8. To then realise that IE11 is installed and you do not allow us to install IE10. What good is that? Seriously.
I know you have that compatibility mode, but that really doesn't work as well as you think it does. Not for styling issues anyway. Please please please help developers out and give us tools so we can actually test things in different versions
of browsers. Let us install different versions of browsers without them affecting each other. Just something so we as developers can actually make a product that works in all your versions of IE.

Hi 1bellb,
Welcome to Visual Studio general question forum. You know that
VS General Question forum mainly discusses the usage of Visual Studio IDE such as
WPF & SL designer, Visual Studio Guidance Automation Toolkit, Developer Documentation and Help System
and Visual Studio Editor. Based on your post, I feel your issue is more related to Internet Explorer browsers. In order to resolve your issue better, I recommend you post your
issue on Internet Explorer forum: Internet Explorer
8, 9, 10, 11 forum for better support.
Thank you for your understanding.
Best regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Losing tails of descenders on converting from RHX5 to RH8

Hello. We are just converting from RH X5, which I've been happily using since about 2004, to RH8. One of the obvious problems that immediately arose is that in the compiled output, tails of descender letters like p, q, g, j, and y are getting cut off. I don't see this either when editing or when I view the pages in Preview using the eyeglass icon, only in the compiled output. I would appreciate it if anyone has a solution to this problem. Thanks.

I edited your post to apply numbers to make answering easier now that you have added more issues.
The descenders problem is a bit of a mystery but I suspect it will be overcome in the dealing with the other issues. Let's put that on the back burner for now.
I just compiled a project to compare a CHM with WebHelp using the same CSS and there is some difference. They have different viewers so not too surprised by that. You can always use a modified CSS when you generate from RH8 and use that for CHMs is the difference is unacceptable to you.
I am not seeing that in a test. Try the supplied samples and see if you get the difference with those. You will find the samples at
C:\Program Files\Adobe\Adobe RoboHelp 8\RoboHTML\Samples\en_US
or
C:\Program Files\Adobe\Adobe Technical Communication Suite 2\Adobe RoboHelp 8\RoboHTML\Samples\en_US
If you don't, then we are back to examing your CSS.
See Item 24 at http://www.grainge.org/pages/authoring/rh8/using_rh8.htm
That sounds like an inline styling issue. Right click the image and check.
See Item 25 at http://www.grainge.org/pages/authoring/rh8/using_rh8.htm
Because of 6 above, I suggest you create a copy of your project and then clean up the existing CSS. When you have done that, see where you are with the other issues. Also look inside your topics for signs of inline styling and any embedded CSS.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Responsive slider 2

I am attempting to add a responsive slider to my site. Specifically the one at this url:
http://flexslider.woothemes.com/
I am fairly new at web site construction. I have basic knowledge of HTML/CSS and Dreamweaver (currently using DW CS6 via Adobe Creative Cloud membership).
I downloaded the CSS, JS and images and added them to my site files in DW, linked the scripts, css and JS external files, copied the HTML into the body of my page. The slider doesn't dispaly.
I think I'm lacking on the workflow for incorporating the JS associated with the slider: http://flexslider.woothemes.com/
I would be very grateful to anyone that can help by stepping me through the specific steps to add this slider to my site. This particular responsive slider seems to be just what I want. Alternatively, refer me to where I can learn details.
Thanks.
Ed

Hello Nancy and Jon,
Thank you Nancy for the steps to add the slider. Very helpful. I still have some size/styling issues to work through, but the slider is now functioning as expected! I really appreciate your help. I can move forward now!
I have a broken link on my site that I don't understand how to resolve. I have copied the code for my index page below. I'm not sure how to share the structure of my file paths/structure in my DW files panel. My root site folder has folders containing css files referenced in my index page, another folder for scripts, another for images. My index file is in the root.
Thanks agian!
Index.html file code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





<html class="">

<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">

<title>Gospel latte</title>


<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/fluidgrid.css" rel="stylesheet" type="text/css">

<link href="css/responsivemenu.css" rel="stylesheet" type="text/css">

<link href="css/flexslider.css" rel="stylesheet" type="text/css">



<script src="scripts/respond.min.js"></script>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script src="scripts/jquery.flexslider.js"></script>




</head>
<body>
<div class="gridContainer clearfix">

<ul id="menu">
          <li><a href="#">Home</a></li>
    <li><a href="#">About</a>
        <ul>
                        <li><a href="#">Gospel Latte</a></li>
                        <li><a href="#">Minister Shirley Jones</a></li>
                 </ul>
    <li><a href="#">Events</a>
                    <ul>
                              <li><a href="#">Register</a></li>
                    </ul>
           <li>
                    <a href="#">Forum</a>
                    <ul>
                              <li><a href="#">sign in</a></li>
                    </ul>
          </li>
        <li><a href="#">Gallery</a>
        <ul>
       <li><a href="#">Photos</a></li>
       <li><a href="#">Videos</a></li>
          </ul>
            </li>
          <li><a href="#">Contact</a></li>
</ul>


<div class="flexslider">
    <ul class="slides">
      <li>
        <img src="images/gospellatte3.png" alt="Gospel Latte Coffee Cup Logo" />
      </li>
      <li>
        <img src="images/gospellatte2a.png" alt="Joel 2:25 Ministry photo" />
      </li>
      <li>
        <img src="images/gospellatte8.png" alt="Coffee Beans Pouring Out Of Coffee Cup" />
      </li>
        </ul>
</div>

</div>

<script type="text/javascript">
          $(function() {
            if ($.browser.msie && $.browser.version.substr(0,1)<7)
                    $('li').has('ul').mouseover(function(){
                              $(this).children('ul').show();
                              }).mouseout(function(){
                              $(this).children('ul').hide();
</script>


<script>
$(window).load(function() {
$('.flexslider').flexslider({
    animation: "slide"
</script>

</body>
</html>

Flex4 styling issue

Similar Messages

Maybe you are looking for