Editor buttons not appearing with WebApp.net for iPhone

[Christopher]

I just spent a while figuring this out so I thought I'd post it. I'm writing an iPhone web app with WebApp.net which has several styles that conflict with RadEditor due to the global styles applied by WebApp.net. After wading through the styles with Firebug I came up with this:

<style type="text/css">
        .rade_toolbar li
        {
          padding: 0;
          margin: 0;
          list-style: none;  
        }
        
        .rade_tool
        {
            overflow: visible !important;
            padding: 2px 0 0;
            margin: 0 !important;            
        }
        
        .rade_tool span
        {
            float: none !important;
        }
        
        .rade_toolbar li
        {
            background-color: inherit !important;
        }
    </style>

It works for what I'm doing with it.

[Tervel]

Hi Christopher,

We are happy to know that you were able to get things sorted out - and will be happy to have a look.

Can you open up a support ticket and send us two screenshots from your iPhone app - one without the extra CSS and one with the CSS? It seems that there are some pretty broad global CSS settings in WebApp.net.

Once we get a better understanding of the situation, we will likely integrate extra css similar to the one you posted here right into the editor skins.


All the best,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Christopher]

Actually upon working with it further I found while I could get the editor to look nice, you couldn't actually type in it when viewed from the iPhone. I'm working on it without actually having an iPhone or iPod touch so I didn't find this out until much later than I should have (I have to track down someone at work with an iPhone and get them to browse to my computer). The problem is that Safari on the iPhone doesn't support the use of an iframe in design mode. The iPhone doesn't even recognize it as an editable field. I've just reverted to using a regular text box for now. I don't think the massive changes needed to the Telerik editor are worth it to make it usable on the iPhone, especially when Apple might fix the iframe problem eventually and it would work fine.