Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Moving dnn:SEARCH to the right-top position (DNN 5.x)Moving dnn:SEARCH to the right-top position (DNN 5.x)
Previous
 
Next
New Post
10/9/2010 9:31 AM
 
Shamil Salakhetdinov

Joined: 9/18/2005
Posts: 134
Hi All --

I'm trying to make quick&dirty fixes for default dnn skin here, and BTW to learn dnn skinning basics.
What I need to do is to move dnn:SEARCH skin object to the right-top postion.
I'm looking through index.asx and I see:

<div class="search_style">
   <div class="search_bg">
        <dnn:SEARCH runat="server" id="dnnSEARCH" 
                  CssClass="ServerSkinWidget"
                  UseDropDownList="true"
                  Submit="<img src=&quot;images/search.gif&quot; border=&quot;0&quot; alt=&quot;Search&quot; /&gt;" />
     </div>
</div>

I'm lookinhg through index.html - and I see:

<div class="search_style">
            <div class="search_bg">
                                    <object id="dnnSEARCH" codetype="dotnetnuke/server" codebase="SEARCH">
                                        <param name="CssClass" value="ServerSkinWidget" />
                                        <param name="UseDropDownList" value="true" />
                                        <param name="Submit" value="<img src=&quot;images/search.gif&quot; border=&quot;0&quot; alt=&quot;Search&quot; /&gt;" />
                                    </object>
             </div>
</div>

I'm commenting both of the blocks

<!---
...
-->

Search box disapperars after page refresh.

So far  so good.

Now, I just copy and paste commented block to the position after

<div class="logo_left">
...
<div>

section in both index.ascx and index.html.

After page refresh I'm getting:

An error has occurred.
DotNetNuke.Services.Exceptions.PageLoadException: Object reference not set to an instance of an object. ---> System.NullReferenceException: Object reference not set to an instance of an object. at DotNetNuke.UI.Skins.Skin.GetSkin(PageBase Page) at DotNetNuke.Framework.DefaultPage.Page_Init(Object sender, EventArgs e) at System.Web.UI.Control.OnInit(EventArgs e) at System.Web.UI.Page.OnInit(EventArgs e) at DotNetNuke.Framework.PageBase.OnInit(EventArgs e) at System.Web.UI.Control.InitRecursive(Control namingContainer) at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) --- End of inner exception stack trace ---

Yes, I could have made errors while copying and pasting but in general would that approach of quick&dirty skin fixing work?
When working with default DNN skins should I also do corresponding changes in

index 1024.ascx
index 1280.ascx
index full.ascx

index 1024.html
index 1280.html
index full.html

Somewhere else?

Is there somewhere freely available a similar to DNN default "Minimal Extropy" skin with just one skin option as DNN default's "index 1024" to play/learning by doing with it?

Thank you.

-- Shamil
 
New Post
11/11/2010 10:58 AM
 

Joined: 1/1/0001
Posts: 0
Go to any website where the search box is positioned like you want. right click and view source click on some of the css top links in view source.
You will get the sites css, Go to dnn home page and view source click on the skin.css link and view the new DNN site skin css find the search control and what the css statement is. Then look at the skin.css and find the css statement for the search div. The new search box is placed at the top of the page and so may px or % from the right top positioned absolute or you could fix it in your page so it would always be in the same place no matter scrolling.
Alot can be learned from just looking at others source. And you can steal anything if you konw how, even take apart there .dlls to see how other things are done. Most books on skinning are old and you can get the newest tweaks at http://webkit.org/ or http://www.w3.org/TR/css3-roadmap/.
Do not change the skin but the skin.css and DNN works off the index.aspx and only changes to the index1024.aspx or others when you select them as the default site or page skin, the size of the dnn skins is controlled by css and widgets to change size, so the other index....aspx pages are irrelevant if not selected as for site or page.
 
New Post
11/11/2010 2:02 PM
 
Wells Doty


Joined: 4/18/2006
Posts: 559
Odds are that the error is being caused by some of the code you're moving around leaving open tags or something similar. However, like Don said, your best bet will be to adjust the skin.css file to suit your needs. However, instead of manually digging through the source view, you may have better luck using something like the Firebug addon for Firefox or the Web Developer tools in IE where you can choose to hover / click on the item you're targeting and it will show you the CSS rules that apply to it and any cascading rules that may apply as well. Not sure of your comfort with HTML/CSS but if you're somewhat familiar with them, then skinning DNN is a lot easier than it would appear. However, if you're fairly green when it comes to HTML/CSS then you'll definitely be fighting a two-front battle when learning. Luckily, there are many resources here and other locations online to find all the info you need about any issues. Good Luck!
Wells Doty Jr
Online Content Development
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Moving dnn:SEARCH to the right-top position (DNN 5.x)Moving dnn:SEARCH to the right-top position (DNN 5.x)


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out