• Login Register
  • Home
  • Adv. search
  • Organization
  • Project
  • Templates
  • About
  • CMS
  • Daily Tasks
  • Menus
    • Main Menu
    • Sub Menus
    • Sub Sub Menu
  • Organization
  • New Organization
  • New Template
  • Material Types
  • Org Types
  • Gallery
  • Search
  • New Project
  • Front Page
    • Carousel
    • Latest Projects
    • LatestNews
  • Project
  • Search
  • Privelages
    • Modify Project
    • Modify Organization
  • Sales
  • Add Payment
  • Proj. Types
  • Update Currencies
  • Equipment Types
  • Product
  • Regions
  • Organizations
  • Projects
  • Material Types
  • Proj. Type
  • Org. Projects
  • Projects
  • Proj. Files
  • Type
  • Proj. Properties
  • Org Projects
  • Role Type
  • Organizations
  • OrgProjects
  • Role
  • OrgProject Files
  • Disputes
  • Visits Analysis
  • Disputes
  • Default Background Templates
  • User Accounts
  • Points
  • Notifications
  • test
  • Update currencies
  • Web Services
    • GWS
    • Organization
    • Project
    • Materials
    • Article
  • Articles Manager
  • Sql Queries
  • Manage Org. Services


No matching organizations records!
Loading
Organizations & Individuals ×
Projects ×
Products ×
<div id="editor1" class="ed" contenteditable="true"><div class="darkgray-background"><p style="text-align:center"><span style="font-size:26px"><strong>Write an Article</strong></span></p></div></div>
<div id="editor2" class="ed" contenteditable="true"><p><span style="font-size:16px"><strong>What is the article?</strong></span></p><p><span style="font-size:16px">The "article" is a utility which gives members who have accounts in our<a data-cke-saved-href="test" href="test"> website</a> the opportunity to design web&nbsp;pages related to their accounts&nbsp;with the most flexible way ever and without demanding any HTML language background knowledge.</span></p><p><span style="font-size:16px">Designing a web page using the article utility is easier and organizing than writing a word document especially when we talk about the relation between text and multimedia elements.</span></p><p><span style="font-size:16px"><strong>How could articles be useful?</strong></span></p><p><span style="font-size:16px">Articles could be used &nbsp;almost everywhere, you can write an article related to your Profile (whether an organization or individual), related to a Project, or even related to a product inside your store, and here are some examples:</span></p><ul><li><span style="font-size:16px">Write a document about how intelligently&nbsp;you or your company has solved a big dilemma in a project with a revolutionary way.</span></li><li><span style="font-size:16px">Design a page that contains <strong>Youtube </strong>videos about a project.</span></li><li><span style="font-size:16px">In case you own a store, write an article about your amazing&nbsp;offers.</span></li><li><span style="font-size:16px">In case your organization's activity is all about providing services, design as many articles equivalent to the number of services your organization offers.</span></li><li><span style="font-size:16px">Design an image gallery article&nbsp;for all the employees working in your organization along with their&nbsp;contact information, then decide later whether you want this page to be available for reading by the public or only available for you.</span></li><li><span style="font-size:16px">Dedicate a page for the elite clients (along with their logos) you or your company deals with.</span></li><li><span style="font-size:16px">Share the vision you or your company&nbsp;has for the future.</span></li><li><span style="font-size:16px">Even this document you read at the moment and all the other help documents for this website&nbsp;have been already written using the article utility.</span></li></ul><p><span style="font-size:16px">It's even possible to share an article from your profile to a project you have a role in and vice-versa or share it to one of your products, for more details about managing articles, please read:<br><u><a data-cke-saved-href="Article?ID=6169&amp;Context=System" href="Article?ID=6169&amp;Context=System">The Articles Manager.</a></u></span></p><p><span style="font-size:16px"><strong>How to create and write an article?</strong></span></p><p><span style="font-size:16px">This question is all what this document is about to answer, so before starting let's continue with the organization which called <strong>My Organization</strong> (the one we have already created in our first tutorial&nbsp;<u><a data-cke-saved-href="Article?ID=3161&amp;Context=System&amp;ContextID=0" href="Article?ID=3161&amp;Context=System&amp;ContextID=0">Create Profile</a></u>).</span></p><p><span style="font-size:16px">Now let's assume that <strong>My Organization</strong> is working in the field of building <u><a data-cke-saved-href="https://en.wikipedia.org/wiki/Muqarnas#Structure" href="https://en.wikipedia.org/wiki/Muqarnas#Structure">Muqarnas</a></u>, so our mission now is to build a new article that talks&nbsp;about the Muqarnas art first then add a video for how <strong>My Organization</strong> does the muqarnas work, then add some images from the projects achieved by <strong>My Organization.</strong></span></p><p><span style="font-size:16px">So<strong>&nbsp;</strong>let's create a new Article first place, click the "<strong>+</strong>" tab located to the right of the organization tab&nbsp;bar (if you can't see the toolbar at the moment, make sure that you are signed in first, then click the&nbsp;<strong>Home&nbsp;</strong>menu), then assign the name <strong>Muqarnas Art</strong> to the newly created article, then press the&nbsp;<strong>Enter&nbsp;</strong> key.</span></p></div>
<div id="editor3" class="ed" contenteditable="true"><p><span style="font-size:16px">After you press the enter key, notice that the newly created tab is looking slightly reddish, the red color implies that the article is currently invisible to public (any newly created article is invisible to public by default, and that sounds logic indeed, as since the newly created article is empty, this means that it is is not ready for publishing yet), notice also that a new tab has been created on the right side of the tab bar called<strong> Articles Manager,&nbsp;</strong> through&nbsp;the&nbsp;<strong>Articles Manager&nbsp;</strong> page you can switch the visibility of any article to true and a lot of other tasks, for more details about the <strong>Articles Manager</strong>&nbsp;please refer&nbsp;to the following document:<br><u><a data-cke-saved-href="Article?ID=6169&amp;Context=System&amp;ContextID=0" href="http://localhost:62832/Article?ID=6169&amp;Context=System&amp;ContextID=0">The Articles Manager</a></u></span></p><p><span style="font-size:16px">Now click the newly created tab called&nbsp;<strong>Muqarnas Art</strong> ​​​​​​​to open the article and hence start editing:​​​​​​​</span></p></div>
The Article structure, click to enlarge
<div id="editor4" class="ed" contenteditable="true"><p><span style="font-size:16px">As you might have noticed from the previous figure, the Article consists of "Rows" stacked over each other and fill the entire page's width, each Row consists of Cells (maximum # of cells/row=12 whereas the minimum # of cells/row = 1), each cell has a content type, the Content Type is either:</span></p><ul><li><span style="font-size:16px">Text</span></li><li><span style="font-size:16px">Image</span></li><li><span style="font-size:16px">Youtube video</span></li></ul><p><span style="font-size:16px">You can switch the Cell's type by clicking the&nbsp;<strong>Content Type</strong> button (check the figure above).<br>&nbsp;whenever you create a new article, a new Row contains one Cell of the type text is created for you and has the word <strong>Title&nbsp;</strong>written in the middle.</span></p><div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px"><p><span style="font-size:16px"><em><strong>Important:</strong></em> for the best compatibility with tablets and smart phones, try as much as possible not to extend the multimedia elements width (whether an image or a youtube video) to more than 75% of the container cell's width, otherwise a lot of white space might occur between the row that contains this multimedia element and the next row inside the article when displayed on that kind of devices.</span></p></div><p><br><span style="font-size:16px">Now let's delete the word <strong>Title&nbsp;</strong>and type:&nbsp;<strong>Muqarnas Art&nbsp;</strong>instead, then insert a new Row with only one Cell and switch the cell content type to <strong>Text,&nbsp;</strong>then delete "Start typing..." and type the following instead:</span></p></div>
The text you see here has been quoted from Wikipedia.com
<div id="editor5" class="ed" contenteditable="true"><p><span style="font-size:16px">Now let's add 2 Youtube videos in the same row, go to<a data-cke-saved-href="http://www.youtube.com" href="http://www.youtube.com"> <u>www.youtube.com</u></a> and search for&nbsp;<strong>Muqarnas</strong>, </span><span style="font-size:16px">click any</span><span style="font-size:16px"> random video to play, then right click the video screen then select <strong>Copy Embed code</strong> then return back to your article and insert a new row that consists&nbsp;of 2 cells.</span></p></div>
<div id="editor15" class="ed" contenteditable="true"><p><span style="font-size:16px">Set the content of the first cell at the left to <strong>Youtube</strong> then paste whatever you have just copied inside the dialog that will appear, then click <strong>OK</strong>.</span></p></div>
<div id="editor6" class="ed" contenteditable="true"><p><span style="font-size:16px">A youtube frame will appear, the frame is small and has a title bar at the bottom, drag the frame from the lower right corner to enlarge it to reach the width of approximately 75% of the container cell for the sake of compatibility with tablets and smart phones as we have already discussed earlier on this page. </span></p></div>
<div id="editor15" class="ed" contenteditable="true"><p>​​​​​​​<span style="font-size:16px">&nbsp;Do the exact same thing with the cell at the right, the final Row should look as follows:</span></p></div>
<div id="editor8" class="ed" contenteditable="true"><p><span style="font-size:16px">The next step is to add an image gallery for the Muqarnas&nbsp;works pretending that those images were taken from projects achieved by our Organization, but first, insert a new row contains one cell contains a brief deion regarding the Image gallery that will come next.</span></p><p><span style="font-size:16px">Then start by adding 1 row contains one cell and place a picture inside, then divide this cell into two cells.</span></p></div>
The split tool
<div id="editor9" class="ed" contenteditable="true"><p><span style="font-size:16px">All what the&nbsp;<strong>Split&nbsp;</strong>tool shown above is doing is reduce the current cell's width into the half, and add a new empty cell to the right has the same width as the original cell's width after reduction.</span></p><p><span style="font-size:16px">This how&nbsp;your article should appear after splitting the cell:</span></p></div>
<div id="editor10" class="ed" contenteditable="true"><div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px"><p><span style="font-size:16px"><em><strong>Important: </strong></em>&nbsp;sometimes the cell does not&nbsp;split into exactly two halves as expected and that will only occur if the width of the cell you want to split is equal to 1/4, 5/12, 7/12, or 11/12 of the row's width.</span></p></div><p><br></p><div id="test"><p><span style="font-size:16px">Now before adding content to the right-hand cell, let's split it into two halves as well, after splitting takes place, click the increase width tool for each cell as follows:</span></p></div></div>
<div id="editor11" class="ed" contenteditable="true"><p><span style="font-size:16px">When you finish, you should have left with a row that has three equally cells width, now fill in the two new cells with images and again try to avoid filling the entire cell's width to avoid leaving too much space under the pictures when they got displayed on tablets and smart phones</span></p></div>
<div id="editor12" class="ed" contenteditable="true"><p><span style="font-size:16px">The last thing we want to do now is to swap places between the second and the third cell, use the following <strong>Swap </strong>tool to acheive that:</span></p></div>
The swap tool, click to enlarge
<div id="editor13" class="ed" contenteditable="true"><p><span style="font-size:16px">I think it's time now to make the last preview and save the changes for the last time.</span></p><p><span style="font-size:16px">The next logical step will be to make the article available to the public, to achieve that, click the Articles Manager tab from your Organization toolbar, then click the small red circle next to the article's name and make sure that the circle's color has been turned to green, then refresh your browser's window.</span></p></div>
<div id="editor14" class="ed" contenteditable="true"><p><span style="font-size:16px">For more information about the <strong>Articles Manager</strong>, Please read the following document:<br><u><a data-cke-saved-href="Article?ID=6169&amp;Context=System&amp;ContextID=0" href="Article?ID=6169&amp;Context=System&amp;ContextID=0">The Articles Manager</a></u></span></p></div>

What do you want to happen when somebody clicks this image?




http://

Organization
  • New
  • Search
  • How To?
Project
  • New
  • Search
  • How To?
Product
  • Search
  • How To?
Help
  • About Us
  • Create Profile
  • Add projects to portfolio
  • Manage your store
  • Write an article