<span style="font-size: 12px; font-family: verdana;"><span style="color: #000000;">Hai ,<br /> <br /> I have been working in DNN for 2years now. It has been great an very interesting  to work using DNN . Thanks for such a wonderful <br /> <br /> framework.<br /> <br /> I have not used any Third party  tools so far along with DNN<br /> <br /> I happened to use ComponentOne tools recently to get our DNN site to work compatible with IPhone.<br /> <br /> ComponentOne has a control named Viewport which is the base for IPhone UI  , This control holds all the rest of the module contents within.</span><br /> <br /> <span style="color: #000000;"><strong>When I use Viewport in  every module individually , I have no problem , and also get the desired output like wanted (example below). </strong></span><br /> <br /> <strong><span style="color: #000000;">This is working :</span></strong><br /> <br /> <span style="color: #000000;"><C1ViewPort Id="ViewPort_Main" runat="server"><br /> <Content><br /> <div><br /> <span>This is an Individual module . Content is visible and Viewport works </span><br /> </div><br /> </Content><br /> </CiViewPort ></span><br /> <br /> <span style="color: #000000;">Since we have a lot of module , the above approach (placing the ViewPort in each and every module) doesn't seem feasible<br /> <br /> Hence I decided to place the ViewPort in the Skin.ascx file.<br /> <br /> The options I tried are listed below</span><br /> <br /> <span style="color: #000000;"><strong> Trial - 1 :<br />  In this option , The ViewPort is only added . All the three panes are not visible in the browser as well as the source of the browser.</strong></span><br /> <br /> <strong><span style="color: #000000;">Not Working</span></strong><br /> <br /> <span style="color: #000000;"><C1Viewport Id="ViewPort_Main" runat="server"><br /> <Content><br /> <div id="LeftPane" runat="server" class="LeftPane"><br /> </div><br /> <div id="ContentPane" runat="server" class="ContentPane"><br /> </div><br /> <div id="RightPane" runat="server" class="RightPane"><br /> </div><br /> </Content><br /> </C1ViewPort></span><br /> <br /> <span style="color: #000000;"><strong> Trial - 2 :<br />  In this option, The browser shows only the ViewPort , but in the source I can see the Left and Right Pane but not the ContentPane.</strong></span><br /> <br /> <span style="color: #000000;"><strong>Not Working</strong></span><br /> <br /> <span style="color: #000000;"><div id="LeftPane" runat="server" class="LeftPane"><br /> </div><br /> <C1Viewport Id="ViewPort_Main" runat="server"><br /> <Content><br /> <div id="ContentPane" runat="server" class="ContentPane"><br /> </div><br /> </Content><br /> </C1ViewPort><br /> <div id="RightPane" runat="server" class="RightPane"><br /> </div></span><br /> <br />   <strong><span style="color: #000000;">Trial - 3 :<br />  In this option, I have 2 div's Left and Right Pane and a ViewPort  with the ID-ContentPane. I did this because DNN requires a control <br />  that has an ID - ContentPane. Since Viewport is rendered as a div , I had the ViewPort instead of a div.</span></strong><br /> <br /> <span style="color: #000000;"><strong>Not Working</strong></span><br /> <br /> <span style="color: #000000;"><div id="LeftPane" runat="server" class="LeftPane"><br /> </div><br /> <C1Viewport Id="ContentPane" runat="server"><br /> <Content><br /> </Content><br /> </C1ViewPort><br /> <div id="RightPane" runat="server" class="RightPane"><br /> </div></span><br /> <br /> <span style="color: #000000;">All these 3 methods failed.<br /> <br /> My requirement is to have the ViewPort control in a common place that can be accessed by any module.<br /> <br /> Can you please let me know as what causes the problem (or)  if there is any other way to get my requirement accomplished.<br /> </span><br /> <span style="color: #000000;"><strong>Thanks and Regards<br /> Dhanajeyan.M</strong></span><br /> <br /> <br /> <br /> </span>

Hi ,

Sorry , that I didn't notice the issue caused by the HTML tags. I have posted my question below. Please advice

I have been working in DNN for the past 2 years.

It has been cool and very interesting to work using DNN . Thanks for such a wonderful tool.

I have not used any third party tools so far in DNN, I recently happened to use ComponentOne tools to get our DNN site Compatible with IPhone.

ComponentOne tools has a control named ViewPort , which is the base for the UI of IPhone display.

ViewPort control holds all the contents within , which when rendered by an IPhone browser makes the website compatible.

If I have the ViewPort in each and every individual Module , I have no problem, I get the desired output like how it is supposed to be,

Since we have a lot of modules in our site , the above approach does not seem feasible.

Hence I decided to have a common ViewPort in the Skin.acx file , so that when ContentPane is rendered the ViewPort would automatically render , like IPhone renders a page.

When I placed the ViewPort in the Skin file, for some reason I am only able to see a plain ViewPort and none of the panes nor the Modules are visible in the browser.

I also viewed the source of the browser, where I found only the ViewPort control. The LeftPane, RightPane and the ContentPane were not rendered.

I placed the ViewPort just above the ContentPane , like the Contentpane is held within the ViewPort , again only an empty ViewPort was rendered.

Since we are developing the DNN site , IPhone specific, I am not bothered about the LeftPane or the RightPane.I only want the ContentPane to be displayed.

My requirement is to  place the ViewPort control in a common place(preferably the skin file), so that whenever a module is loaded the ViewPort holds the ContentPane.

Can you pleasse let me know if I am doing any mistake , and also  as how I can accomplish my requirement.

Thanks and Regards
Dhanajeyan.M

,